/* GENERATED by scripts/gen-tokens.js from sites/<slug>/site.json — DO NOT EDIT.
   Frontier Models's design tokens. Change them in site.json `identity` and re-run
   the generator; hand edits are overwritten and fail the --check drift gate.

   Layout rules live in main.css and are shared; everything that makes this site
   LOOK like itself is here. */

:root {
  --paper: #F7F6F2;
  --ink: #202725;
  --muted: #59645F;
  --line: #D5DBD4;
  --line-strong: #202725;
  --card: #FDFCFA;
  --card-soft: #EAEFEA;
  --code-bg: #EBEDE7;
  --accent-ink: #FFFFFF;
  --panel-ink: #202725;
  --chg-add: #347F19;
  --chart-1: #347F19;
  --chart-2: #6041B7;

  /* Brand colors come from Ghost Admin (Design, theme settings) as --*-base,
     injected by default.hbs; the hexes here are the fallbacks. Dark variants
     derive by color-mix so an Admin change still tracks. */
  --brand: var(--brand-base, #14645E);
  --accent: var(--accent-base, #14645E);
  --accent-strong: color-mix(in srgb, var(--accent) 78%, #000000);
  --accent-on-panel: color-mix(in srgb, var(--accent) 62%, #FFFFFF);
  --duo: var(--duo-base, #EAEFEA);
  --panel: var(--duo-base, #EAEFEA);

  /* Exact per-mode brand choices from this site's identity. */
  --brand: #14645E;
  --accent: #14645E;
  --accent-strong: #14645E;
  --panel: #EAEFEA;
  --duo: #EAEFEA;

  --sans: var(--gh-font-heading, "Inter"), -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
  --serif: var(--gh-font-body, "Source Serif 4"), Georgia, serif;
  --mono: "Space Mono", ui-monospace, "SF Mono", Menlo, monospace;

  --radius: 0px;
  --content-width: 1240px;
  --article-width: 740px;
}

/* Dark mode. Emitted twice from one source: the toggle wins when JS has set it,
   the media query covers a JS-disabled reader whose OS is dark. */
:root[data-theme="dark"] {
  --paper: #181E1D;
  --ink: #E9EDE8;
  --muted: #ADB9B2;
  --line: #3E4A44;
  --line-strong: #E9EDE8;
  --card: #1F2724;
  --card-soft: #222C28;
  --code-bg: #252F2B;
  --accent-ink: #181E1D;
  --panel-ink: #E9EDE8;
  --chg-add: #99FF55;
  --chart-1: #99FF55;
  --chart-2: #B5A2FF;
  --brand: color-mix(in srgb, var(--brand-base, #14645E) 52%, #FFFFFF);
  --accent: color-mix(in srgb, var(--accent-base, #14645E) 85%, #FFFFFF);
  --accent-strong: var(--accent);
  --accent-on-panel: var(--accent);
  --duo: color-mix(in srgb, var(--duo-base, #EAEFEA) 86%, #FFFFFF);
  --panel: color-mix(in srgb, var(--duo-base, #EAEFEA) 62%, #000000);
  --brand: #7ED5C3;
  --accent: #7ED5C3;
  --accent-strong: #7ED5C3;
  --panel: #222C28;
  --duo: #222C28;
}

@media (prefers-color-scheme: dark) {
  :root:not([data-theme]) {
    --paper: #181E1D;
    --ink: #E9EDE8;
    --muted: #ADB9B2;
    --line: #3E4A44;
    --line-strong: #E9EDE8;
    --card: #1F2724;
    --card-soft: #222C28;
    --code-bg: #252F2B;
    --accent-ink: #181E1D;
    --panel-ink: #E9EDE8;
    --chg-add: #99FF55;
    --chart-1: #99FF55;
    --chart-2: #B5A2FF;
    --brand: color-mix(in srgb, var(--brand-base, #14645E) 52%, #FFFFFF);
    --accent: color-mix(in srgb, var(--accent-base, #14645E) 85%, #FFFFFF);
    --accent-strong: var(--accent);
    --accent-on-panel: var(--accent);
    --duo: color-mix(in srgb, var(--duo-base, #EAEFEA) 86%, #FFFFFF);
    --panel: color-mix(in srgb, var(--duo-base, #EAEFEA) 62%, #000000);
    --brand: #7ED5C3;
    --accent: #7ED5C3;
    --accent-strong: #7ED5C3;
    --panel: #222C28;
    --duo: #222C28;
  }
}