/* Demo A · Chiara: vetro, molle morbide, blu Apple. */
:root {
  --font-display: ui-sans-serif, system-ui, -apple-system, "SF Pro Display", "Segoe UI", sans-serif;
  --font-text: ui-sans-serif, system-ui, -apple-system, "SF Pro Text", "Segoe UI", sans-serif;
  --tracking-display: -0.03em;

  --gutter: 16px; --gap: 12px; --pad: 14px;
  --cols: 2;
  --radius-card: 22px; --radius-group: 20px; --radius-tile: 12px; --radius-control: 10px;

  --bg: oklch(0.965 0.004 260);
  --surface: oklch(1 0 0);
  --surface-2: oklch(0.925 0.005 260);
  --text: oklch(0.2 0.01 260);
  --text-2: oklch(0.47 0.01 260);
  --hairline: oklch(0 0 0 / 0.08);
  --accent: oklch(0.55 0.19 258);
  --glass: oklch(0.99 0 0 / 0.72);
  --shadow: 0 1px 2px oklch(0 0 0 / 0.05), 0 8px 24px oklch(0 0 0 / 0.06);
}

@media (prefers-color-scheme: dark) {
  :root {
    --bg: oklch(0.15 0.005 260);
    --surface: oklch(0.21 0.006 260);
    --surface-2: oklch(0.27 0.006 260);
    --text: oklch(0.97 0.003 260);
    --text-2: oklch(0.72 0.01 260);
    --hairline: oklch(1 0 0 / 0.1);
    --accent: oklch(0.7 0.16 255);
    --glass: oklch(0.2 0.005 260 / 0.72);
    --shadow: 0 1px 2px oklch(0 0 0 / 0.3);
  }
}