/* ═══════════════════════════════════════════════════════════════════
   mkdocs-overrides.css — MkDocs Material Variable Overrides
   Maps Sustalium design tokens to MkDocs Material's --md-* custom
   properties for both light (default) and dark (slate) color schemes.
   ═══════════════════════════════════════════════════════════════════ */

/* ─────────────────────────────────────────────────────────────────
   Light Mode Overrides
   ───────────────────────────────────────────────────────────────── */
[data-md-color-scheme="default"] {
  /* Primary */
  --md-primary-fg-color: var(--color-carbon);
  --md-primary-fg-color--light: var(--color-canopy);
  --md-primary-fg-color--dark: var(--color-nautic);
  --md-primary-bg-color: var(--color-white);
  --md-primary-bg-color--light: var(--color-bg-primary);

  /* Accent */
  --md-accent-fg-color: var(--color-canopy);
  --md-accent-fg-color--transparent: rgba(48, 202, 113, 0.1);
  --md-accent-bg-color: rgba(48, 202, 113, 0.08);

  /* Foreground / text */
  --md-default-fg-color: var(--color-carbon);
  --md-default-fg-color--light: rgba(6, 56, 62, 0.75);
  --md-default-fg-color--lighter: rgba(6, 56, 62, 0.55);
  --md-default-fg-color--lightest: rgba(6, 56, 62, 0.3);

  /* Background */
  --md-default-bg-color: var(--color-bg-primary);
  --md-default-bg-color--light: var(--color-white);
  --md-default-bg-color--lighter: rgba(255, 255, 255, 0.7);
  --md-default-bg-color--lightest: rgba(255, 255, 255, 0.3);

  /* Typography */
  --md-typeset-color: var(--color-carbon);
  --md-typeset-a-color: var(--color-carbon);

  /* Code */
  --md-code-bg-color: rgba(6, 56, 62, 0.04);
  --md-code-fg-color: var(--color-carbon);
  --md-code-hl-color: rgba(48, 202, 113, 0.12);
  --md-code-hl-number-color: var(--color-sky);
  --md-code-hl-special-color: var(--color-canopy);
  --md-code-hl-function-color: var(--color-sky);
  --md-code-hl-constant-color: #e45649;
  --md-code-hl-keyword-color: #a626a4;
  --md-code-hl-string-color: #50a14f;
  --md-code-hl-name-color: var(--color-carbon);
  --md-code-hl-operator-color: rgba(6, 56, 62, 0.6);
  --md-code-hl-punctuation-color: rgba(6, 56, 62, 0.5);
  --md-code-hl-comment-color: rgba(6, 56, 62, 0.4);
  --md-code-hl-generic-color: rgba(6, 56, 62, 0.5);
  --md-code-hl-variable-color: var(--color-carbon);

  /* Footer */
  --md-footer-bg-color: var(--color-surface-950);
  --md-footer-bg-color--dark: var(--color-surface-950);
  --md-footer-fg-color: var(--color-text-on-dark);
  --md-footer-fg-color--light: var(--color-text-muted-dark);
  --md-footer-fg-color--lighter: rgba(232, 240, 238, 0.5);

  /* Admonition */
  --md-admonition-bg-color: rgba(6, 56, 62, 0.03);

  /* Shadow */
  --md-shadow-z1: var(--shadow-sm);
  --md-shadow-z2: var(--shadow-md);
  --md-shadow-z3: var(--shadow-lg);
}

/* ─────────────────────────────────────────────────────────────────
   Dark Mode Overrides (Slate)
   ───────────────────────────────────────────────────────────────── */
[data-md-color-scheme="slate"] {
  /* Primary */
  --md-primary-fg-color: var(--color-canopy);
  --md-primary-fg-color--light: var(--color-accent-hover);
  --md-primary-fg-color--dark: #28b862;
  --md-primary-bg-color: var(--color-text-on-dark);
  --md-primary-bg-color--light: var(--color-white);

  /* Accent */
  --md-accent-fg-color: var(--color-canopy);
  --md-accent-fg-color--transparent: rgba(48, 202, 113, 0.1);
  --md-accent-bg-color: rgba(48, 202, 113, 0.08);

  /* Foreground / text */
  --md-default-fg-color: var(--color-text-on-dark);
  --md-default-fg-color--light: rgba(232, 240, 238, 0.75);
  --md-default-fg-color--lighter: var(--color-text-muted-dark);
  --md-default-fg-color--lightest: rgba(232, 240, 238, 0.3);

  /* Background — deep teal surfaces, NOT generic gray */
  --md-default-bg-color: var(--color-surface-950);
  --md-default-bg-color--light: var(--color-surface-900);
  --md-default-bg-color--lighter: var(--color-surface-800);
  --md-default-bg-color--lightest: var(--color-surface-700);

  /* Typography */
  --md-typeset-color: var(--color-text-on-dark);
  --md-typeset-a-color: var(--color-canopy);

  /* Code */
  --md-code-bg-color: var(--color-surface-800);
  --md-code-fg-color: var(--color-text-on-dark);
  --md-code-hl-color: rgba(48, 202, 113, 0.15);
  --md-code-hl-number-color: #79c0ff;
  --md-code-hl-special-color: var(--color-canopy);
  --md-code-hl-function-color: #d2a8ff;
  --md-code-hl-constant-color: #79c0ff;
  --md-code-hl-keyword-color: #ff7b72;
  --md-code-hl-string-color: #a5d6ff;
  --md-code-hl-name-color: var(--color-text-on-dark);
  --md-code-hl-operator-color: rgba(232, 240, 238, 0.6);
  --md-code-hl-punctuation-color: rgba(232, 240, 238, 0.5);
  --md-code-hl-comment-color: rgba(232, 240, 238, 0.35);
  --md-code-hl-generic-color: rgba(232, 240, 238, 0.5);
  --md-code-hl-variable-color: var(--color-text-on-dark);

  /* Footer */
  --md-footer-bg-color: var(--color-surface-950);
  --md-footer-bg-color--dark: #000d11;
  --md-footer-fg-color: var(--color-text-on-dark);
  --md-footer-fg-color--light: var(--color-text-muted-dark);
  --md-footer-fg-color--lighter: rgba(232, 240, 238, 0.5);

  /* Admonition */
  --md-admonition-bg-color: rgba(255, 255, 255, 0.04);

  /* Shadow (deeper on dark) */
  --md-shadow-z1: 0 2px 4px rgba(0, 0, 0, 0.3);
  --md-shadow-z2: 0 4px 12px rgba(0, 0, 0, 0.35);
  --md-shadow-z3: 0 12px 24px rgba(0, 0, 0, 0.4);

  /* Hue override — MkDocs Material uses this for slate palette generation */
  --md-hue: 189;
}