/* Cupertino — iOS liquid glass. Frosted white panels over a quiet
   single-hue wallpaper: one soft light source high left, falling to a
   deeper periwinkle low right. System font stack on purpose: SF Pro
   where the OS has it, honest fallbacks where it doesn't. Depth comes
   from an inset top highlight (the glass edge) plus a long soft drop
   shadow — not from borders. */

:root[data-theme="cupertino"] {
  --bg: #CDD6EC;
  --bg-image:
    radial-gradient(1400px 900px at 22% -12%, rgb(255 255 255 / .8) 0%, transparent 62%),
    linear-gradient(165deg, #DCE4F4 0%, #C8D2EA 55%, #B3BEDD 100%);
  --surface: rgb(255 255 255 / .55);
  --surface-2: rgb(255 255 255 / .72);
  --text: #1A2130;
  --text-muted: #5C6678;
  --accent: #007AFF;
  --on-accent: #FFFFFF;
  --border: rgb(96 112 148 / .25);
  --grid-line: rgb(96 112 148 / .16);

  --radius: 20px;
  --radius-sm: 12px;
  --shadow: inset 0 1px 0 rgb(255 255 255 / .65), 0 10px 30px rgb(38 58 108 / .16);
  --backdrop-filter: blur(22px) saturate(1.7);

  --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 #ECF0F8
     (white 55% composited over wallpaper average ~#D5DDF0), light mode */
  --chart-1: #007AFF;
  --chart-2: #C9640A;
  --chart-3: #1F9A50;
  --chart-4: #9455E8;

  --ok: #1E8E47;
  --warn: #A16207;
  --bad: #C4303C;
  --ok-bg: color-mix(in srgb, var(--ok) 12%, transparent);
  --warn-bg: color-mix(in srgb, var(--warn) 12%, transparent);
  --bad-bg: color-mix(in srgb, var(--bad) 12%, transparent);
}