/* Alpine Meadow — design token (oklch). Sorgente: tema allegato. Struttura tri-modale, robusta con e senza JS: - :root, :root.light -> tema chiaro (default) - @media prefers-color-scheme -> tema scuro automatico di sistema - :root.dark -> forzatura scura manuale (toggle; vince sul sistema) La classe .light/.dark viene messa su dallo snippet anti-flash in . Token sidebar/chart non usati dal minisito: rimossi per pulizia. */ :root, :root.light { --background: oklch(0.986 0.007 247.9); --foreground: oklch(0.202 0.035 254.7); --card: oklch(0.967 0.018 240.0); --card-foreground: oklch(0.202 0.035 254.7); --popover: oklch(0.967 0.018 240.0); --popover-foreground: oklch(0.202 0.035 254.7); --primary: oklch(0.542 0.253 264.3); --primary-foreground: oklch(0.986 0.007 247.9); --secondary: oklch(0.974 0.013 241.0); --secondary-foreground: oklch(0.204 0.029 233.6); --muted: oklch(0.972 0.014 244.7); --muted-foreground: oklch(0.204 0.029 233.6); --accent: oklch(0.802 0.101 238.2); --accent-foreground: oklch(0.202 0.035 254.7); --destructive: oklch(0.542 0.253 264.3); --border: oklch(0.932 0.018 245.4); --input: oklch(0.932 0.018 245.4); --ring: oklch(0.523 0.135 144.2); --radius: 0.5rem; } /* Tema scuro di sistema (solo se l'utente non ha forzato .light) */ @media (prefers-color-scheme: dark) { :root:not(.light) { --background: oklch(0.202 0.035 254.7); --foreground: oklch(0.986 0.007 247.9); --card: oklch(0.202 0.030 242.1); --card-foreground: oklch(0.986 0.007 247.9); --popover: oklch(0.202 0.030 242.1); --popover-foreground: oklch(0.986 0.007 247.9); --primary: oklch(0.523 0.135 144.2); --primary-foreground: oklch(0.202 0.035 254.7); --secondary: oklch(0.370 0.026 237.6); --secondary-foreground: oklch(0.986 0.007 247.9); --muted: oklch(0.370 0.026 237.6); --muted-foreground: oklch(0.934 0.013 251.6); --accent: oklch(0.802 0.101 238.2); --accent-foreground: oklch(0.202 0.035 254.7); --destructive: oklch(0.542 0.253 264.3); --border: oklch(1 0 0 / 12%); --input: oklch(1 0 0 / 16%); --ring: oklch(0.523 0.135 144.2); --radius: 0.5rem; } } /* Forzatura scura manuale (toggle) — vince sempre, anche con sistema chiaro */ :root.dark { --background: oklch(0.202 0.035 254.7); --foreground: oklch(0.986 0.007 247.9); --card: oklch(0.202 0.030 242.1); --card-foreground: oklch(0.986 0.007 247.9); --popover: oklch(0.202 0.030 242.1); --popover-foreground: oklch(0.986 0.007 247.9); --primary: oklch(0.523 0.135 144.2); --primary-foreground: oklch(0.202 0.035 254.7); --secondary: oklch(0.370 0.026 237.6); --secondary-foreground: oklch(0.986 0.007 247.9); --muted: oklch(0.370 0.026 237.6); --muted-foreground: oklch(0.934 0.013 251.6); --accent: oklch(0.802 0.101 238.2); --accent-foreground: oklch(0.202 0.035 254.7); --destructive: oklch(0.542 0.253 264.3); --border: oklch(1 0 0 / 12%); --input: oklch(1 0 0 / 16%); --ring: oklch(0.523 0.135 144.2); --radius: 0.5rem; }