/* GENERATO da build.mjs a partire da tema-app.mjs — NON modificare a mano.
   Sono i materiali dell'app (endoplan-app/apps/mobile/lib/palettes.ts,
   lib/themeEffects.ts, theme.ts) portati in variabili CSS. Dopo un cambio di
   tema nell'app:  node estrai-tema.mjs && node build.mjs

   --app-*  colori (versione chiara)      96 valori
   --om-*   ombre, bevel, incavi          13 valori
   --r-*    raggi                         5 valori

   La versione SCURA esiste già in tema-app.mjs (TEMA.colori.dark /
   TEMA.ombre.dark): il giorno che il sito avrà un tema scuro non c'è niente
   da ricavare, basta emetterla qui sotto un secondo selettore. */
:root {
  --app-green: #728257;
  --app-green-text: #728257;
  --app-green-deep: #5E6B46;
  --app-green-lit: #93A178;
  --app-green-ink: #5B6845;
  --app-sage: #B3BC9F;
  --app-sage-soft: #C7CEB6;
  --app-purple: #B99AE2;
  --app-purple-text: #B99AE2;
  --app-lilac: #E3D4F7;
  --app-lilac-soft: #ECE0F9;
  --app-card-lilac: #E4D2F4;
  --app-card-sage: #C2CBAD;
  --app-bg: #F5F3F8;
  --app-card-bg: #FFFDF9;
  --app-white: #FFFFFF;
  --app-surface: #FFFFFF;
  --app-surface-alt: #F7F5FA;
  --app-text: #111111;
  --app-muted: #5C5C5C;
  --app-border: rgba(17,17,17,0.55);
  --app-border-soft: rgba(17,17,17,0.18);
  --app-border-strong: rgba(17,17,17,0.75);
  --app-danger: #b3261e;
  --app-grad1: #FFFFFF;
  --app-grad2: #F4F0FA;
  --app-grad3: #E7E5EA;
  --app-grad-top: #FFFFFF;
  --app-grad-bottom: #E7E5EA;
  --app-fade1: #FFFFFF;
  --app-fade2: #FFFFFF;
  --app-fade3: #F7F4FC;
  --app-fade4: #EEECF3;
  --app-glow: rgba(185,154,226,0.30);
  --app-pill-grad-from: #A77FE0;
  --app-pill-grad-to: #CDB4F0;
  --app-card-stroke: rgba(120,90,150,0.12);
  --app-ochre: #F29414;
  --app-sfide-from: #FFC85C;
  --app-sfide-to: #F29414;
  --app-ochre-deep: #7C4F0A;
  --app-card-ochre: #FFC85C;
  --app-score-low: #C0231C;
  --app-score-mid: #E08050;
  --app-score-neutral: #96A284;
  --app-score-high: #728257;
  --app-score-best: #B99AE2;
  --app-score-mid-lite: #F0A87A;
  --app-score-high-lite: #A9C083;
  --app-onb-top: #FFFFFF;
  --app-onb-mid: #F6F3FA;
  --app-onb-bot: #EFE7FA;
  --app-ink-top: #322648;
  --app-ink: #241C33;
  --app-ink-bot: #1A1526;
  --app-on-ink: #F3EFFA;
  --app-on-ink-muted: #B9B0CC;
  --app-on-ink-border: rgba(255,255,255,0.16);
  --app-muted2: #8A8290;
  --app-disabled: #B4AEBC;
  --app-ink-soft: #3C3646;
  --app-deep-purple: #6E4E97;
  --app-pill-accent: #E3D4F7;
  --app-pill-accent-text: #3C3489;
  --app-lilac-tint: #F0E9FA;
  --app-sage-tint: #EEF1E8;
  --app-hairline: rgba(17,17,17,0.07);
  --app-track: #E8E5DD;
  --app-track-alt: #E5E1EA;
  --app-chip-bg: #EAE8E4;
  --app-chip-text: #6E6B66;
  --app-dot-idle: #C9C3D2;
  --app-ring-track: #EDEAF1;
  --app-ring-track-alt: #E8E4EF;
  --app-ring-track-green: #D8DDCB;
  --app-ring-track-lilac: #ECE0F9;
  --app-skeleton: rgba(17,17,17,0.06);
  --app-scrim: rgba(17,17,17,0.45);
  --app-sheen: rgba(255,255,255,0.9);
  --app-sheen-soft: rgba(255,255,255,0.5);
  --app-nav-fill-top: #FFFFFF;
  --app-nav-fill-bot: #FAF9F7;
  --app-nav-shadow: #8E84AE;
  --app-ok-tint: #eaf0e2;
  --app-ok-text: #3C4A28;
  --app-warn-tint: #FBEEE4;
  --app-warn-text: #8A4B2B;
  --app-danger-tint: #FBEAF0;
  --app-band1: #FCE3EE;
  --app-band2: #EAD9F6;
  --app-band3: #DCE7F8;
  --app-band4: #DCF3E7;
  --app-band5: #FBF1D9;
  --app-stat-purple: #9B73D6;
  --app-prov-ink: #6C568F;
  --app-prov-dot: #D9CFE6;

  --om-soft-button: 0px 2px 6px rgba(90,60,120,0.10);
  --om-card: 0px 10px 22px rgba(120,90,150,0.10), 0px 26px 50px rgba(120,90,150,0.06), 0px 0px 14px rgba(185,154,226,0.10), inset 0px 1px 0px rgba(255,255,255,0.85), inset 0px -10px 18px rgba(120,90,150,0.035);
  --om-chip: 0px 3px 7px rgba(120,80,170,0.38);
  --om-pill-raised: 0px 8px 16px rgba(120,90,150,0.14), inset 0px 1px 0px rgba(255,255,255,0.9), inset 0px -1px 3px rgba(120,90,150,0.10);
  --om-bevel-pill: 0px 10px 20px rgba(120,90,150,0.12), inset 0px 1px 0px rgba(255,255,255,0.95), inset 0px -2px 4px rgba(120,90,150,0.08);
  --om-grad-pill: 0px 6px 14px rgba(150,110,210,0.30);
  --om-raised-field: 0px 6px 14px rgba(120,90,150,0.18), 0px 18px 36px rgba(120,90,150,0.10), inset 0px 1px 0px rgba(255,255,255,0.9);
  --om-ai-glow: 0px 0px 0px 1px rgba(185,154,226,0.40), 0px 0px 12px rgba(185,154,226,0.45), 0px 6px 22px rgba(185,154,226,0.30);
  --om-card-soft: 0px 6px 18px rgba(120,90,150,0.09);
  --om-cta-green: 0px 8px 20px rgba(94,107,70,0.30);
  --om-cta-lilac: 0px 10px 22px rgba(20,30,10,0.30);
  --om-cta-ink: 0px 8px 20px rgba(120,80,170,0.40);
  --om-pressed-well: inset 0px 0px 1px rgba(120,90,150,0.22), inset 0px 0px 6px rgba(120,90,150,0.16);

  --r-sm: 12px;
  --r-md: 16px;
  --r-lg: 24px;
  --r-xl: 32px;
  --r-pill: 999px;

  /* Lo sfondo di schermata dell'app (components/ScreenGradient.tsx): tricromia
     in diagonale, x1,y1 = 0,0 → x2,y2 = 0.6,1 — che in CSS è circa 149deg. */
  --app-sfondo: linear-gradient(149deg, var(--app-grad1) 0%, var(--app-grad2) 55%, var(--app-grad3) 100%);
}