/* BLINK dark-luxury accent for the wiki.
   Two schemes share one set of structural rules; per-scheme tokens
   below decide the actual colours. */

:root {
  --blink-gold: #eadbb0;          /* dark mode accent  */
  --blink-gold-dim: #a89870;
  --blink-gold-deep: #7a6a40;     /* light mode accent (4.5:1 on white) */
  --blink-crimson: #9c2121;
  --blink-text: #efe3c1;
  --blink-white: #ffffff;
  --blink-surface: #121212;
  --blink-surface-2: #282828;
  --blink-border: #3f3f3f;
  --blink-border-gold: #4e4d4b;
}

/* ----- Dark scheme (default) ----- */
[data-md-color-scheme="slate"] {
  --md-default-bg-color: var(--blink-surface);
  --md-default-fg-color: var(--blink-white);
  --md-default-fg-color--light: rgba(255, 255, 255, 0.78);
  --md-default-fg-color--lighter: rgba(255, 255, 255, 0.6);
  --md-default-fg-color--lightest: rgba(255, 255, 255, 0.4);
  --md-typeset-color: var(--blink-white);
  --md-typeset-a-color: var(--blink-gold);
  --md-accent-fg-color: var(--blink-white);
  --md-accent-fg-color--transparent: rgba(255, 255, 255, 0.1);

  --blink-heading: var(--blink-gold);
  --blink-link-hover: var(--blink-white);
  --blink-card-bg: var(--blink-surface-2);
  --blink-card-border: var(--blink-border-gold);
  --blink-card-border-hover: var(--blink-gold);
  --blink-header-bg: #000000;
  --blink-header-border: var(--blink-border-gold);
  --blink-input-bg: var(--blink-surface-2);
  --blink-button-bg: var(--blink-gold);
  --blink-button-fg: #000000;
}

/* ----- Light scheme ----- */
[data-md-color-scheme="default"] {
  --md-default-bg-color: #fafaf5;
  --md-default-fg-color: #1a1a1a;
  --md-default-fg-color--light: #2e2e2e;
  --md-default-fg-color--lighter: #555555;
  --md-default-fg-color--lightest: #888888;
  --md-typeset-color: #1a1a1a;
  --md-typeset-a-color: var(--blink-gold-deep);
  --md-accent-fg-color: #1a1a1a;
  --md-accent-fg-color--transparent: rgba(0, 0, 0, 0.05);

  --blink-heading: var(--blink-gold-deep);
  --blink-link-hover: #1a1a1a;
  --blink-card-bg: #ffffff;
  --blink-card-border: #d4c896;
  --blink-card-border-hover: var(--blink-gold-deep);
  --blink-header-bg: #1a1a1a;     /* keep header dark for brand even in light mode */
  --blink-header-border: var(--blink-gold-deep);
  --blink-input-bg: #ffffff;
  --blink-button-bg: var(--blink-gold-deep);
  --blink-button-fg: #ffffff;
}

/* ----- Shared structural rules (use scheme-local custom props) ----- */

.md-header {
  background-color: var(--blink-header-bg);
  border-bottom: 1px solid var(--blink-header-border);
}

.md-tabs {
  background-color: var(--blink-header-bg);
}

.md-typeset h1,
.md-typeset h2,
.md-typeset h3,
.md-typeset h4,
.md-typeset h5,
.md-typeset h6 {
  color: var(--blink-heading);
  font-family: "Cormorant Garamond", serif;
  letter-spacing: 0.01em;
}

.md-typeset a {
  color: var(--md-typeset-a-color);
  transition: color 150ms ease;
}
.md-typeset a:hover {
  color: var(--blink-link-hover);
}

/* Grid cards */
.md-typeset .grid.cards > :is(ul,ol) > li,
.md-typeset .grid.cards > .card {
  background-color: var(--blink-card-bg);
  border: 1px solid var(--blink-card-border);
  border-radius: 0.75rem;
  transition: transform 200ms ease, border-color 200ms ease;
}

.md-typeset .grid.cards > :is(ul,ol) > li:hover,
.md-typeset .grid.cards > .card:hover {
  transform: translateY(-2px);
  border-color: var(--blink-card-border-hover);
}

/* Card titles inherit the link colours so hover behaviour matches. */
.md-typeset .grid.cards a {
  color: var(--md-typeset-a-color);
  font-weight: 600;
}
.md-typeset .grid.cards a:hover {
  color: var(--blink-link-hover);
}

/* Primary button */
.md-button--primary {
  background-color: var(--blink-button-bg);
  color: var(--blink-button-fg);
  border-color: var(--blink-button-bg);
}

.md-search__input {
  background-color: var(--blink-input-bg);
}