/* IKEKI Design System — token (da Claude Design, ikeki-design-system)
   Font: Syncopate + Jost (sostitutivi), ospitati in /fonts e dichiarati in css/fonts.css. */

:root{
  /* Neutri — dal bianco galleria al nero lacca */
  --ik-white:#ffffff;--ik-paper:#f6f5f2;--ik-stone-100:#ecebe7;--ik-stone-200:#dcdad4;--ik-stone-400:#a9a69e;--ik-stone-600:#6d6a64;--ik-stone-800:#2e2d2b;--ik-black:#111111;--ik-lacquer:#0a0a0a;
  /* Finiture — la palette delle laccature */
  --ik-bianco:#e9e8e4;--ik-nero:#1a1716;--ik-giallo:#e8b723;--ik-verde:#9aa21c;--ik-arancio:#ee7a1a;--ik-rosso:#b3001b;
  /* Semantici */
  --ik-success:#5f7a1a;--ik-error:#b3001b;--ik-warning:#c78a0a;
  /* Alias */
  --fg-1:var(--ik-black);--fg-2:var(--ik-stone-600);--fg-3:var(--ik-stone-400);--fg-inverse:var(--ik-white);
  --bg-page:var(--ik-white);--bg-alt:var(--ik-paper);--bg-dark:var(--ik-lacquer);
  --surface-card:var(--ik-white);--surface-muted:var(--ik-stone-100);
  --border-hairline:var(--ik-stone-200);--border-strong:var(--ik-black);
  --accent:var(--ik-giallo);--link:var(--ik-black);--link-hover:var(--ik-stone-600);
  --focus-ring:var(--ik-black);

  /* Tipografia */
  --font-display:"Syncopate","Michroma","Helvetica Neue",Arial,sans-serif;
  --font-body:"Jost","Futura","Helvetica Neue",Arial,sans-serif;
  --fw-light:300;--fw-regular:400;--fw-medium:500;--fw-bold:700;
  --fs-hero:clamp(40px,6vw,88px);--fs-h1:56px;--fs-h2:40px;--fs-h3:28px;--fs-h4:20px;
  --fs-lead:22px;--fs-body:17px;--fs-small:14px;--fs-label:12px;--fs-micro:10px;
  --lh-tight:1.05;--lh-heading:1.15;--lh-body:1.6;
  --ls-display:0.08em;--ls-label:0.18em;--ls-body:0.01em;
  --text-display:var(--fw-bold) var(--fs-h1)/var(--lh-tight) var(--font-display);
  --text-body:var(--fw-light) var(--fs-body)/var(--lh-body) var(--font-body);

  /* Spaziature e layout */
  --sp-1:4px;--sp-2:8px;--sp-3:12px;--sp-4:16px;--sp-5:24px;--sp-6:32px;--sp-7:48px;--sp-8:64px;--sp-9:96px;--sp-10:144px;
  --container:1440px;--gutter:clamp(20px,4vw,64px);--header-h:80px;
  --radius-0:0;--radius-pill:999px;--radius-round:50%;
  --border-w:1px;
  --shadow-none:none;--shadow-float:0 24px 48px -24px rgba(0,0,0,.25);

  /* Movimento */
  --ease-out:cubic-bezier(.22,.61,.36,1);--ease-in-out:cubic-bezier(.65,0,.35,1);
  --dur-fast:180ms;--dur-base:320ms;--dur-slow:700ms;
  --scrim-bottom:linear-gradient(to top,rgba(0,0,0,.55),rgba(0,0,0,0) 55%);
}

/* Tema scuro (Homepage Dark): riassegna gli alias, i token base restano invariati */
.theme-dark{
  --fg-1:var(--ik-white);--fg-2:var(--ik-stone-400);
  --bg-page:var(--ik-lacquer);--bg-alt:var(--ik-stone-800);
  --border-hairline:var(--ik-stone-800);
  --link:var(--ik-white);--link-hover:var(--ik-stone-400);
  --focus-ring:var(--ik-white);
  --ik-error:#ff5a5f; /* rosso schiarito per contrasto su fondo nero */
}