/* RistoRush OS — design tokens. Tema scuro, vetro liquido, brand Ristorush (verde #136330 + oro #EAC320). */
:root {
  /* sfondo ("wallpaper" dietro al vetro) */
  --bg: #0B0D0C;
  --bg-2: #101412;
  --wall-a: rgba(19, 99, 48, .38);   /* verde brand */
  --wall-b: rgba(234, 195, 32, .10); /* oro brand */
  --wall-c: rgba(40, 70, 60, .30);

  /* testo */
  --ink: #F2F4F1;
  --ink-2: #B9C0BA;
  --ink-3: #7E877F;
  --ink-4: #545B55;

  /* vetro */
  --glass: rgba(28, 32, 30, .52);
  --glass-strong: rgba(34, 39, 36, .72);
  --glass-soft: rgba(255, 255, 255, .045);
  --glass-hover: rgba(255, 255, 255, .075);
  --glass-line: rgba(255, 255, 255, .085);
  --glass-line-2: rgba(255, 255, 255, .14);
  --glass-hi: linear-gradient(180deg, rgba(255,255,255,.10), rgba(255,255,255,0) 38%);
  --blur: 28px;
  --sat: 170%;
  --shadow: 0 1px 0 rgba(255,255,255,.06) inset, 0 24px 60px -24px rgba(0,0,0,.65), 0 2px 8px rgba(0,0,0,.25);
  --shadow-sm: 0 1px 0 rgba(255,255,255,.05) inset, 0 6px 18px -8px rgba(0,0,0,.6);

  /* brand */
  --brand: #136330;
  --accent: #34C46A;        /* verde Ristorush schiarito per il tema scuro */
  --accent-2: #5BE08C;
  --accent-ink: #04150A;
  --accent-soft: rgba(52, 196, 106, .14);
  --gold: #EAC320;
  --gold-soft: rgba(234, 195, 32, .14);

  /* semantici */
  --ok: #3DD68C;   --ok-soft: rgba(61,214,140,.14);
  --warn: #F5B544; --warn-soft: rgba(245,181,68,.15);
  --hot: #F08A4B;  --hot-soft: rgba(240,138,75,.16);
  --crit: #F25F5C; --crit-soft: rgba(242,95,92,.15);
  --info: #6AA8FF; --info-soft: rgba(106,168,255,.15);
  --violet: #A78BFA; --violet-soft: rgba(167,139,250,.15);
  --pink: #F472B6; --pink-soft: rgba(244,114,182,.15);
  --teal: #2DD4BF; --teal-soft: rgba(45,212,191,.14);

  /* forma */
  --r-xs: 8px; --r-sm: 12px; --r: 18px; --r-lg: 26px; --r-pill: 999px;
  --gap: 16px;
  --rail-w: 64px;

  /* tipografia */
  --font: "Inter", -apple-system, BlinkMacSystemFont, "SF Pro Text", "Segoe UI", sans-serif;
  --fs-xs: 11.5px; --fs-sm: 12.5px; --fs: 14px; --fs-md: 15px; --fs-lg: 18px; --fs-xl: 24px; --fs-2xl: 32px;

  --ease: cubic-bezier(.2, .8, .2, 1);
  --spring: cubic-bezier(.34, 1.36, .64, 1);
}

/* varianti tema (Impostazioni) */
:root[data-glass="clear"] { --glass: rgba(28,32,30,.30); --glass-strong: rgba(34,39,36,.50); }
:root[data-reduce-transparency="true"] { --glass: #181C1A; --glass-strong: #1E2320; --blur: 0px; }
:root[data-accent="gold"]   { --accent: #EAC320; --accent-2: #F5D75A; --accent-ink: #1A1400; --accent-soft: rgba(234,195,32,.15); }
:root[data-accent="teal"]   { --accent: #2DD4BF; --accent-2: #5EEAD4; --accent-ink: #03201C; --accent-soft: rgba(45,212,191,.15); }
:root[data-accent="blue"]   { --accent: #4C8DFF; --accent-2: #7DADFF; --accent-ink: #fff;    --accent-soft: rgba(76,141,255,.16); }
:root[data-accent="coral"]  { --accent: #F0715A; --accent-2: #F79A87; --accent-ink: #fff;    --accent-soft: rgba(240,113,90,.16); }
:root[data-wall="ash"]   { --wall-a: rgba(80,90,85,.25); --wall-b: rgba(255,255,255,.04); --wall-c: rgba(60,64,62,.25); }
:root[data-wall="ember"] { --wall-a: rgba(180,80,30,.30); --wall-b: rgba(234,195,32,.14); --wall-c: rgba(90,30,20,.30); }
:root[data-wall="tide"]  { --wall-a: rgba(30,80,160,.30); --wall-b: rgba(45,212,191,.12); --wall-c: rgba(20,40,80,.30); }