/* tokens.css — generato DA DESIGN.md §2 senza modifiche arbitrarie (vincolo S-2/§10). */
:root {
  /* Palette light (§2.1) */
  --sn-bg: #F6F8F7;
  --sn-surface: #FFFFFF;
  --sn-surface-2: #EEF2F1;
  --sn-border: #DCE3E1;
  --sn-text: #16211E;
  --sn-text-muted: #5A6B66;
  --sn-brand: #0F766E;
  --sn-brand-on: #FFFFFF;
  --sn-brand-strong: #0B5952;
  --sn-brand-tint: #E1F0EE;
  --sn-due-ink: #37514B;  --sn-due-bg: #E6EDEB;
  --sn-ok-ink: #146B3A;   --sn-ok-bg: #E3F3E8;
  --sn-warn-ink: #8A5A00; --sn-warn-bg: #FBF0D7;
  --sn-danger-ink: #B3261E; --sn-danger-bg: #FCE8E6;
  --sn-premium-ink: #8A5D00; --sn-premium-bg: #FBF2DD;
  --sn-premium-grad: linear-gradient(135deg, #A8781A, #6E4A05);
  --sn-ad: #EEF1F0;

  /* Tipografia (§2.2) */
  --sn-font-sans: system-ui, -apple-system, "Segoe UI", Roboto, "Noto Sans", sans-serif;
  --sn-font-num: ui-monospace, "SF Mono", "Roboto Mono", monospace;
  --sn-tsx-13: .8125rem;
  --sn-tsx-16: 1rem;
  --sn-tsx-17: 1.0625rem;
  --sn-tsx-20: 1.25rem;
  --sn-tsx-25: 1.5625rem;
  --sn-tsx-31: 1.9375rem;

  /* Spacing / raggi / touch / ombre (§2.3, griglia 4pt) */
  --sn-sp-1: 4px;  --sn-sp-2: 8px;  --sn-sp-3: 12px; --sn-sp-4: 16px;
  --sn-sp-5: 20px; --sn-sp-6: 24px; --sn-sp-8: 32px; --sn-sp-12: 48px;
  --sn-r-sm: 8px;  --sn-r-md: 14px; --sn-r-lg: 20px; --sn-r-pill: 999px;
  --sn-tap-min: 44px;
  --sn-shadow-1: 0 1px 2px rgba(22,33,30,.06), 0 1px 3px rgba(22,33,30,.09);
  --sn-shadow-2: 0 8px 24px rgba(22,33,30,.14);
  --sn-adslot-h: 60px;
  --sn-header-h: 56px;
}

[data-theme="dark"] {
  --sn-bg: #0E1513;
  --sn-surface: #16201D;
  --sn-surface-2: #1E2A26;
  --sn-border: #2A3833;
  --sn-text: #E9F0ED;
  --sn-text-muted: #9FB3AD;
  --sn-brand: #5EEAD4;
  --sn-brand-on: #04211D;
  --sn-brand-strong: #94F2E4;
  --sn-brand-tint: #123832;
  --sn-due-ink: #B7CCC5;  --sn-due-bg: #1C2B27;
  --sn-ok-ink: #7BDCA0;   --sn-ok-bg: #14301F;
  --sn-warn-ink: #F5C86B; --sn-warn-bg: #33270D;
  --sn-danger-ink: #F2A9A2; --sn-danger-bg: #3A1613;
  --sn-premium-ink: #F3D08A; --sn-premium-bg: #2E2410;
  --sn-ad: #131A18;
}

/* Bottone brand: DESIGN §2.1 prescrive in dark il pulsante #0D9488 (il testo usa --sn-brand) */
:root { --sn-btn-brand: #0F766E; --sn-btn-brand-on: #FFFFFF; }
/* QA B4: la coppia dark #FFFFFF su #0D9488 era 3,74:1 (< 4,5:1 AA su 17px/600, DESIGN §1.4).
   Lo sfondo resta il #0D9488 prescritto da DESIGN §2.1; l'ink passa al token dark già
   esistente --sn-brand-on (#04211D) → 4,52:1. Light invariata: #FFFFFF su #0F766E = 5,47:1. */
[data-theme="dark"] { --sn-btn-brand: #0D9488; --sn-btn-brand-on: #04211D; }