/* 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;
}

: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;
}

@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;
  }
}