/* Nanocloud design tokens — "Circuit Sky v2". SINGLE SOURCE OF TRUTH for colour.
 *
 * Consumed by:
 *   - the marketing site (site/index.html links /static/brand/tokens.css directly)
 *   - the dashboard (scripts/tailwind/input.css @imports this file, and
 *     tailwind.config.js maps each token to a utility: bg-surface, text-muted, ...)
 *
 * Values are bare RGB channels so Tailwind's opacity modifiers work:
 *   rgb(var(--nc-accent) / 0.15)   ==  bg-accent/15
 *
 * Dark is the default. Light applies when the OS asks for it, unless the page pins
 * data-theme="dark"; data-theme="light" forces light. Rules: cyan (accent) is the brand;
 * green (ok) means "live/healthy" ONLY; never use accent as body text on light without
 * the light-mode value (the bright cyan fails contrast on white). See docs/BRAND.md.
 */
:root {
  color-scheme: dark;
  --nc-bg:          7 15 28;     /* #070F1C */
  --nc-surface:     11 26 46;    /* #0B1A2E */
  --nc-raised:      18 37 63;    /* #12253F */
  --nc-line:        27 47 77;    /* #1B2F4D */
  --nc-line-strong: 40 64 106;   /* #28406A */
  --nc-fg:          230 237 247; /* #E6EDF7 */
  --nc-muted:       148 163 184; /* #94A3B8 */
  --nc-subtle:      120 136 160; /* #7888A0 */
  --nc-accent:      34 211 238;  /* #22D3EE */
  --nc-accent-fg:   4 19 31;     /* #04131F */
  --nc-navy:        11 31 58;    /* #0B1F3A */
  --nc-logo:        230 237 247; /* cloud body of the mark */
  --nc-ok:          52 211 153;  /* #34D399 */
  --nc-warn:        251 191 36;  /* #FBBF24 */
  --nc-danger:      251 113 133; /* #FB7185 */

  --nc-font-sans: "Inter", ui-sans-serif, system-ui, -apple-system, "Segoe UI", Roboto, sans-serif;
  --nc-font-mono: "JetBrains Mono", ui-monospace, SFMono-Regular, Menlo, Consolas, monospace;
  --nc-radius: 10px;
}

@media (prefers-color-scheme: light) {
  :root:not([data-theme="dark"]) {
    color-scheme: light;
    --nc-bg:          248 250 252; /* #F8FAFC */
    --nc-surface:     255 255 255; /* #FFFFFF */
    --nc-raised:      241 245 249; /* #F1F5F9 */
    --nc-line:        226 232 240; /* #E2E8F0 */
    --nc-line-strong: 182 194 210; /* #B6C2D2 */
    --nc-fg:          15 23 42;    /* #0F172A */
    --nc-muted:       71 85 105;   /* #475569 */
    --nc-subtle:      100 116 139; /* #64748B */
    --nc-accent:      14 116 144;  /* #0E7490 */
    --nc-accent-fg:   255 255 255; /* #FFFFFF */
    --nc-logo:        11 31 58;    /* navy */
    --nc-ok:          4 120 87;    /* #047857 */
    --nc-warn:        180 83 9;    /* #B45309 */
    --nc-danger:      190 18 60;   /* #BE123C */
  }
}

:root[data-theme="light"] {
  color-scheme: light;
  --nc-bg:          248 250 252;
  --nc-surface:     255 255 255;
  --nc-raised:      241 245 249;
  --nc-line:        226 232 240;
  --nc-line-strong: 182 194 210;
  --nc-fg:          15 23 42;
  --nc-muted:       71 85 105;
  --nc-subtle:      100 116 139;
  --nc-accent:      14 116 144;
  --nc-accent-fg:   255 255 255;
  --nc-logo:        11 31 58;
  --nc-ok:          4 120 87;
  --nc-warn:        180 83 9;
  --nc-danger:      190 18 60;
}