/* Cupertino Night — the liquid-glass theme after dark. Smoked glass
   panels over a midnight wallpaper: one cool moonlit glow high left
   fading into deep indigo, single hue family throughout. Same bones
   as Cupertino (system fonts, 20px corners, iOS blue) with the
   highlight edge dimmed to a sliver — dark glass shows its edge less
   than white glass does. */

:root[data-theme="cupertino-night"] {
  --bg: #0B1024;
  --bg-image:
    radial-gradient(1400px 900px at 22% -12%, rgb(96 122 226 / .35) 0%, transparent 62%),
    linear-gradient(165deg, #151C38 0%, #0C1126 55%, #070A18 100%);
  --surface: rgb(24 30 52 / .52);
  --surface-2: rgb(56 66 100 / .5);
  --text: #EDF0F8;
  --text-muted: #9AA3BC;
  --accent: #0A84FF;
  --on-accent: #FFFFFF;
  --border: rgb(255 255 255 / .14);
  --grid-line: rgb(255 255 255 / .09);

  --radius: 20px;
  --radius-sm: 12px;
  --shadow: inset 0 1px 0 rgb(255 255 255 / .14), 0 12px 32px rgb(0 0 0 / .45);
  --backdrop-filter: blur(22px) saturate(1.6);

  --font-display: system-ui, -apple-system, 'Helvetica Neue', sans-serif;
  --font-body: system-ui, -apple-system, 'Helvetica Neue', sans-serif;
  --font-mono: ui-monospace, 'SF Mono', Menlo, monospace;
  --label-case: none;
  --label-tracking: -0.01em;

  /* chart palette validated (dataviz six checks) vs effective surface #161C34
     (panel 52% composited over wallpaper average ~#131A33), dark mode */
  --chart-1: #0A84FF;
  --chart-2: #C87226;
  --chart-3: #2FA968;
  --chart-4: #A56EEF;

  --ok: #30D158;
  --warn: #E5B93C;
  --bad: #FF6961;
  --ok-bg: color-mix(in srgb, var(--ok) 14%, transparent);
  --warn-bg: color-mix(in srgb, var(--warn) 14%, transparent);
  --bad-bg: color-mix(in srgb, var(--bad) 14%, transparent);
}