/* ============================================================
   THEME: FROST
   Mood: clinical. The quiet one. Near-white text on slate-blue,
   almost no glow, almost no grain — clarity instead of drama.
   Display type is thin and stretched out; body is a neutral UI
   sans. Shards fall instead of rising.
   Fonts: Syncopate (display) + Inter (body)
   ============================================================ */
[data-theme="frost"] {
  --bg: #060b12;
  --surface: #0d1622;
  --surface-2: #142032;
  --surface-3: #1c2c42;
  --rim: rgba(186, 222, 255, 0.11);
  --rim-strong: rgba(186, 222, 255, 0.24);

  --accent: #38bdf8;
  --accent-2: #9adcff;
  --accent-dim: #0b3a52;
  --support: #2dd4bf;
  --support-2: #a5b4fc;

  --text: #f0f7ff;
  --text-dim: #8ba3bd;
  --text-dimmer: #6c839c;
  --on-accent: #060b12;

  /* stretched thin caps, neutral body — reads as instrumentation */
  --font-display: 'Syncopate', sans-serif;
  --font-body: 'Inter', sans-serif;
  --display-weight: 400;
  --display-tracking: 0.3em;
  --display-transform: uppercase;
  --display-line: 1.25;
  --display-scale: 0.62;
  --body-weight: 400;
  --body-weight-strong: 600;
  --body-tracking: -0.006em;
  --body-line: 1.55;
  --body-scale: 0.94;

  /* small, even radii — crisp panes of glass */
  --r-xs: 3px;
  --r-sm: 6px;
  --r-md: 8px;
  --r-lg: 10px;
  --r-xl: 12px;
  --border-w: 1px;

  --glow-alpha: 0.1;
  --glow-blur: 120px;
  --noise-opacity: 0.006;
  --panel-blur: 30px;
  --scanline-alpha: 0;
  --vignette-alpha: 0.06;
  --bloom-alpha: 0.06;

  --dur-fast: 120ms;
  --dur: 230ms;
  --dur-slow: 420ms;
  --float-amp: 4px;

  --particle-kind: shard;
  --particle-count: 18;
  --particle-min: 2;
  --particle-max: 5;
  --particle-speed: 14;
  --particle-drift: 40;
  --particle-opacity: 0.32;
  --particle-color: #cbeaff;
}

/* Frost-only flourish: every raised surface gets a top hairline,
   like light sitting on the edge of glass. */
[data-theme="frost"] .surface-card {
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.07);
}