/* ============================================================================
   rglw — TONE: gunmetal (brushed steel + cobalt readout)
   ----------------------------------------------------------------------------
   Cold brushed gunmetal / titanium surfaces lit by a single sharp electric-
   cobalt "readout" accent, with brushed steel-blue linework as the secondary.
   GRAY leads the neutrals (not blue-black like the other blues, not navy) —
   an engineered precision-instrument read: secure, performant, done-right. No
   warm colour anywhere. Cold graphite neutrals. Pair with tokens.base.css.

   Token NAMES are identical across every tone (so each is a drop-in); the colour
   ramp goes --ramp-1 (lightest/coolest) → --ramp-4 (deepest/hottest).
   ============================================================================ */
:root {
  /* neutrals — light (cool steel paper; white cards pop, borders defined) */
  --bg: #eff3f7;
  --bg-alt: #e4eaf0;
  --bg-elev: #ffffff;
  --bg-code: #e8edf2;
  --border: #cbd4dd;
  --fg: #12171d;
  --fg-muted: #4f5e6d;

  /* accents — sharp cobalt, brushed steel-blue secondary */
  --accent: #205fce;
  --accent-fg: #ffffff;
  --accent-2: #4f6f96;

  /* gradient ramp — iced sky → gunmetal navy (cool steel sweep) */
  --ramp-1: #8ed0ff;
  --ramp-2: #3f97e8;
  --ramp-3: #2a5fb0;
  --ramp-4: #16233d;

  --grad-main: linear-gradient(100deg, #8ed0ff, #3f97e8, #2a5fb0, #16233d);
  --grad-accent: linear-gradient(120deg, #3f97e8, #16233d);

  /* buttons — SOLID cobalt, steel-blue glow */
  --btn-bg: #205fce;
  --btn-bg-hover: #1b52b4;
  --btn-bg-active: #17469a;
  --btn-fg: #ffffff;
  --btn-shadow: 0 8px 22px -10px rgba(63, 151, 232, 0.55);
  --btn-shadow-hover: 0 12px 26px -10px rgba(90, 175, 245, 0.78);
  --btn-shadow-soft: 0 9px 24px -12px rgba(63, 151, 232, 0.42);

  --glow: rgba(42, 95, 176, 0.22);
}

:root[data-theme="dark"] {
  /* neutrals — dark (cold graphite / gunmetal, gray-led) */
  --bg: #0b0d10;
  --bg-alt: #131619;
  --bg-elev: #161a1f;
  --bg-code: #131619;
  --border: #272d34;
  --fg: #e6eaef;
  --fg-muted: #97a2af;

  --accent: #4f9bf5;         /* cobalt readout on graphite */
  --accent-fg: #04101f;
  --accent-2: #8fb4d8;       /* brushed steel-blue linework */
  --glow: rgba(79, 155, 245, 0.24);
}

@media (prefers-color-scheme: dark) {
  :root:not([data-theme="light"]) {
    --bg: #0b0d10;
    --bg-alt: #131619;
    --bg-elev: #161a1f;
    --bg-code: #131619;
    --border: #272d34;
    --fg: #e6eaef;
    --fg-muted: #97a2af;
    --accent: #4f9bf5;
    --accent-fg: #04101f;
    --accent-2: #8fb4d8;
    --glow: rgba(79, 155, 245, 0.24);
  }
}