/* Studio Logos — token del design system (generati da tokens.json v2, Claude Design).
   Tema chiaro di default; scuro con data-theme="dark" su <html> o dalle preferenze di sistema. */

:root {
  --surface-100: #f7eedf;
  --surface-200: #f3e6d3;
  --surface-300: #eae0c4;
  --ink: #425444;
  --ink-muted: #5c665a;
  --line: #cdd7cc;
  --logo-salvia: #8daa98;
  --logo-ocra: #deba70;
  --bosco: #425444;
  --on-bosco: #f7eedf;
  --bosco-hover: #2f3d31;
  --salvia: #526755;
  --salvia-fill: #68846d;
  --salvia-tint: #d8e8db;
  --ocra: #695a20;
  --ocra-fill: #d0ba67;
  --ocra-tint: #e3d4ab;
  --pesca: #824c2e;
  --pesca-fill: #d19a7c;
  --pesca-tint: #e8cec1;
  --errore: #89562a;
  --pal-cipria-1: #f3e6d3;
  --pal-cipria-2: #f7eedf;
  --pal-cipria-3: #ddb8a6;
  --pal-cipria-4: #e8cec1;
  --pal-cipria-5: #d19a7c;
  --pal-cipria-6: #dfb9a2;
  --pal-salvia-1: #b5c6b4;
  --pal-salvia-2: #cdd7cc;
  --pal-salvia-3: #c7e0cd;
  --pal-salvia-4: #d8e8db;
  --pal-salvia-5: #68846d;
  --pal-salvia-6: #96a493;
  --pal-bosco-1: #425444;
  --pal-bosco-2: #727d6f;
  --pal-bosco-3: #6e8161;
  --pal-bosco-4: #97a38b;
  --pal-bosco-5: #99aa76;
  --pal-bosco-6: #c0c2b7;
  --pal-nebbia-1: #afc09c;
  --pal-nebbia-2: #c8d2ba;
  --pal-nebbia-3: #aabdb7;
  --pal-nebbia-4: #c6d2ce;
  --pal-nebbia-5: #9aa9a2;
  --pal-nebbia-6: #b9c2bd;
  --pal-ocra-1: #e3d4ab;
  --pal-ocra-2: #eae0c4;
  --pal-ocra-3: #d0ba67;
  --pal-ocra-4: #dece93;
  --pal-ocra-5: #c57f42;
  --pal-ocra-6: #d6a676;

  --font-sans: "DM Sans", system-ui, -apple-system, "Segoe UI", sans-serif;
  --space-1: 4px;
  --space-2: 8px;
  --space-3: 12px;
  --space-4: 16px;
  --space-6: 24px;
  --space-8: 32px;
  --space-12: 48px;
  --space-16: 64px;
  --space-24: 96px;
  --radius-sm: 10px;
  --radius-md: 18px;
  --radius-lg: 32px;
  --radius-pill: 999px;
  --shadow-soft: 0 8px 24px rgba(66, 84, 68, 0.10);
  color-scheme: light;
}

:root[data-theme="dark"] {
    --surface-100: #1c241f;
    --surface-200: #243029;
    --surface-300: #2e3b33;
    --ink: #f7eedf;
    --ink-muted: #c0c8c0;
    --line: #3a4a3f;
    --bosco: #b5c6b4;
    --on-bosco: #1c241f;
    --bosco-hover: #cdd7cc;
    --salvia: #b5c6b4;
    --salvia-tint: #2a3a2f;
    --ocra: #d0ba67;
    --ocra-tint: #38341f;
    --pesca: #d19a7c;
    --pesca-tint: #3b2c25;
    --errore: #e0a777;
    --shadow-soft: 0 8px 24px rgba(0, 0, 0, 0.35);
    color-scheme: dark;
}

@media (prefers-color-scheme: dark) {
  :root:not([data-theme="light"]) {
    --surface-100: #1c241f;
    --surface-200: #243029;
    --surface-300: #2e3b33;
    --ink: #f7eedf;
    --ink-muted: #c0c8c0;
    --line: #3a4a3f;
    --bosco: #b5c6b4;
    --on-bosco: #1c241f;
    --bosco-hover: #cdd7cc;
    --salvia: #b5c6b4;
    --salvia-tint: #2a3a2f;
    --ocra: #d0ba67;
    --ocra-tint: #38341f;
    --pesca: #d19a7c;
    --pesca-tint: #3b2c25;
    --errore: #e0a777;
    --shadow-soft: 0 8px 24px rgba(0, 0, 0, 0.35);
    color-scheme: dark;
  }
}