/* Flux skin — imqueue.com (commercial). Purple/pink gradient, Space Grotesk display.
   Token contract shared with the Terminal skin; values are edition-specific.
   Default = dark. System mode follows prefers-color-scheme; explicit modes use
   [data-theme] set by the theme switcher. */

:root {
  --font-display: 'Space Grotesk', system-ui, sans-serif;
  --font-body: 'Inter', system-ui, sans-serif;
  --font-mono: 'JetBrains Mono', ui-monospace, monospace;

  /* dark (default) */
  --bg: #0c0a17;
  --navbg: rgba(12,10,23,.82);
  --surface: rgba(255,255,255,.045);
  --surface2: rgba(255,255,255,.03);
  --ink: #f2eeff;
  --muted: #9a92c0;
  --accent: #8674ff;      /* was #7b61ff. As TEXT it has to clear 4.5 on the darkest thing it lands on,
                             which is not --bg (4.66 at the old value) but --surface and --surface2 —
                             cards, the ribbon, the form notes — where it measured 4.43. Now 5.56 on
                             --bg, 5.20 on --surface. Fills use --accent-fill and are unaffected. */
  --accent2: #c24787;     /* was #ff5db1: white text on it in .btn-gradient was 2.82:1. Now 4.62 */
  --accent-fill: #6852d8; /* accent as a BACKGROUND under white text: #7e64ff gives 4.1, this gives 5.55 */
  --on-accent-fill: #ffffff;
  --on-grad: #ffffff;
  --line: rgba(255,255,255,.12);
  --code: #d6cffb;
  --code-bg: rgba(255,255,255,.04);
  --on-accent: #ffffff;
  --shadow: rgba(0,0,0,.6);
  --eyebrow: #b9a6ff;
  --field-bg: #171326;
  --blob: .42;

  /* --inv-*: the OPPOSITE theme's values, for a surface that has to read as inverted.
     The cookie-consent bar is the only one — see base.css (.cc), which maps these onto
     the ordinary tokens inside its own subtree. Pairs are lifted wholesale from the
     other block below rather than mixed, so the contrast each was measured for holds. */
  --inv-scheme: light;
  --inv-bg: #faf9ff;
  --inv-ink: #171226;
  --inv-muted: #6b6486;
  --inv-accent: #6d4bff;
  --inv-accent-fill: #6d4bff;
  --inv-on-accent: #ffffff;
  --inv-eyebrow: #5b3fd6;
  --inv-line: rgba(23,18,38,.12);
}

:root[data-theme="light"] {
  --bg: #faf9ff;
  --navbg: rgba(250,249,255,.82);
  --surface: #ffffff;
  --surface2: #ffffff;
  --ink: #171226;
  --muted: #6b6486;
  --accent: #6d4bff;      /* 4.89:1 as text on light --bg — already passes */
  --accent2: #ca3f81;     /* was #e0468f: white on it was 3.86:1. Now 4.63 */
  --accent-fill: #6d4bff; /* white on it is 5.12 — no darkening needed in light mode */
  --on-accent-fill: #ffffff;
  --on-grad: #ffffff;
  --line: rgba(23,18,38,.12);
  --code: #3a2f66;
  --code-bg: #f3f1fb;
  --on-accent: #ffffff;
  --shadow: rgba(23,18,38,.12);
  --eyebrow: #5b3fd6;
  --field-bg: #ffffff;
  --blob: .16;

  /* light page, so the consent bar is dark — the :root block's own values */
  --inv-scheme: dark;
  --inv-bg: #0c0a17;
  --inv-ink: #f2eeff;
  --inv-muted: #9a92c0;
  --inv-accent: #8674ff;
  --inv-accent-fill: #6852d8;
  --inv-on-accent: #ffffff;
  --inv-eyebrow: #b9a6ff;
  --inv-line: rgba(255,255,255,.12);
}

@media (prefers-color-scheme: light) {
  :root:not([data-theme]) {
    --bg: #faf9ff;
    --navbg: rgba(250,249,255,.82);
    --surface: #ffffff;
    --surface2: #ffffff;
    --ink: #171226;
    --muted: #6b6486;
    --accent: #6d4bff;
    --accent2: #ca3f81;
    --accent-fill: #6d4bff;
    --on-accent-fill: #ffffff;
    --on-grad: #ffffff;
    --line: rgba(23,18,38,.12);
    --code: #3a2f66;
    --code-bg: #f3f1fb;
    --on-accent: #ffffff;
    --shadow: rgba(23,18,38,.12);
    --eyebrow: #5b3fd6;
    --field-bg: #ffffff;
    --blob: .16;

    --inv-scheme: dark;   /* see the [data-theme="light"] block above */
    --inv-bg: #0c0a17;
    --inv-ink: #f2eeff;
    --inv-muted: #9a92c0;
    --inv-accent: #8674ff;
    --inv-accent-fill: #6852d8;
    --inv-on-accent: #ffffff;
    --inv-eyebrow: #b9a6ff;
    --inv-line: rgba(255,255,255,.12);
  }
}