/* Generated from system.css. */
:root {
  color-scheme: dark;
  /* brand */
  --navy: #0E1A33; --marigold: #F4A62A; --paper: #F4EBD9; --mare: #A9ABA6;
  /* surfaces (navy night) */
  --bg: #0E1A33; --surface: #15213A; --card: #1C2841; --card-2: #243048;
  --line: #303C53; --line-2: #434E64;
  /* text, three tiers, all AA on bg, card and card-2 */
  --text: #F4EBD9;   /* 14.60 on bg, 12.41 on card, 11.14 on card-2 */
  --muted: #A9ABA6;  /*  7.46 on bg,  6.34 on card,  5.69 on card-2 */
  --dim: #9098AA;    /*  5.98 on bg,  5.08 on card,  4.56 on card-2 */
  /* accents by meaning. marigold replaces gold as --win */
  --win: #F4A62A;    /* 8.51 on bg, 6.49 on card-2 */
  --build: #30E060; --think: #4A7BF7; --human: #E052C0; --danger: #E05030;
  /* accent text twins. In dark the twin is the bright accent itself, so text
     can use the twin everywhere and light only has to change the value. */
  --win-text: #F4A62A;    /* same as --win in dark */
  --build-text: #30E060;  /* same as --build in dark */

  --think-text: #6D95FF;   /* 4.65 on card-2 */
  --human-text: #E96BCC;   /* 4.68 on card-2 */
  --danger-text: #F37050;  /* 4.55 on card-2 */
  --win-text: var(--win);      /* accent as text: the light scheme swaps both */
  --build-text: var(--build);
  /* paper band */
  --paper-2: #FBF5EA;          /* card on paper */
  --ink: #0E1A33;              /* 14.60 on paper, 15.94 on paper-2 */
  --paper-muted: #5A6478;      /* 5.02 on paper */
  --marigold-ink: #8A5A00;     /* accent text on paper, 5.00 */
  --paper-line: #D2C3A5;       /* hairlines only */
  --build-wash: color-mix(in oklab, var(--build) 12%, transparent);
  --think-wash: color-mix(in oklab, var(--think) 12%, transparent);
  --win-wash: color-mix(in oklab, var(--win) 12%, transparent);
  --human-wash: color-mix(in oklab, var(--human) 12%, transparent);
  --danger-wash: color-mix(in oklab, var(--danger) 12%, transparent);
  --build-dim: color-mix(in oklab, var(--build) 45%, var(--card));
  --think-dim: color-mix(in oklab, var(--think) 45%, var(--card));
  --win-dim: color-mix(in oklab, var(--win) 45%, var(--card));
  --human-dim: color-mix(in oklab, var(--human) 45%, var(--card));
  --build-glow: 0 0 20px color-mix(in oklab, var(--build) 18%, transparent);
  --win-glow: 0 0 20px color-mix(in oklab, var(--win) 18%, transparent);
  /* type */
  --font-display: 'Fraunces', Georgia, serif;
  --font-ui: 'Inter', system-ui, sans-serif;
  --font-mono: 'JetBrains Mono', ui-monospace, monospace;
  --text-hero: clamp(2.5rem, 5vw, 4.25rem);
  --text-h1: clamp(1.875rem, 3.2vw, 2.75rem);
  --text-h2: clamp(1.375rem, 2.4vw, 1.875rem);
  --text-h3: 1.125rem; --text-lg: 1.0625rem; --text-md: .9375rem; --text-sm: .8125rem; --text-xs: .6875rem;
  --track-display: -.03em; --track-serif: -.015em; --track-caps: .08em;
  /* spacing */
  --s1: 4px; --s2: 8px; --s3: 12px; --s4: 16px; --s5: 20px; --s6: 24px; --s8: 32px; --s10: 40px; --s12: 48px; --s16: 64px; --s24: 96px;
  --pad: 20px; --content-max: 1200px; --prose-max: 65ch; --bento-gap: 14px;
  --section-y: 64px; --section-y-lg: 96px;
  --r-sm: 4px; --r-md: 6px; --r-lg: 10px; --r-pill: 100px;
  --shadow-1: 0 1px 3px rgba(0,0,0,.3); --shadow-2: 0 4px 12px rgba(0,0,0,.4); --shadow-3: 0 8px 32px rgba(0,0,0,.5);
  --dur-1: 120ms; --dur-2: 200ms; --dur-3: 400ms; --ease-out: cubic-bezier(.16,1,.3,1);

  /* legacy aliases so untouched pages keep their look but pick up the new tiers */
  --color-bg: var(--bg); --color-bg-elevated: var(--card); --color-bg-hover: var(--card-2);
  --color-text-primary: var(--text); --color-text-secondary: var(--muted);
  --color-border: var(--line); --color-border-hover: var(--line-2);
  --fg: var(--text); --fg-muted: var(--muted); --bg-card: var(--card); --bg-hover: var(--card-2); --border: var(--line);
}
:root[data-scheme="light"] {
  --bg: #F6F5F2; --surface: #FFFFFF; --card: #FFFFFF; --card-2: #EEECE7;
  --line: #DCD9D2; --line-2: #C4C0B7;
  --text: #0E1A33; --muted: #515B6E; --dim: #5A6478;

  --win-text: #8A5A00;
  --build-text: #0F6B33;
  --think-text: #2A55C8;
  --human-text: #A8278F;
  --danger-text: #B33A1E;
  --shadow-1: 0 1px 2px rgba(14,26,51,.08);
  --shadow-2: 0 4px 12px rgba(14,26,51,.10);
  --shadow-3: 0 8px 32px rgba(14,26,51,.12);
  /* Washes re-declared in srgb: Chrome serialises an oklab() mix as oklab(...),
     which the contrast audit cannot read, while it reads color(srgb ...) fine.
     Premixed toward transparent the pixels are identical; only the report is. */
  --build-wash: color-mix(in srgb, var(--build) 12%, transparent);
  --think-wash: color-mix(in srgb, var(--think) 12%, transparent);
  --win-wash: color-mix(in srgb, var(--win) 12%, transparent);
  --human-wash: color-mix(in srgb, var(--human) 12%, transparent);
  --danger-wash: color-mix(in srgb, var(--danger) 12%, transparent);
}