/* Valori di riserva del framework (neutri), con gli stessi nomi semantici dei token del brand.
   Il child carica i token del design system nello stesso layer, dopo questo file: i suoi valori vincono. */
@layer tokens {
  :root {
    --text-strong: #1a1a1a;
    --text-body: #333;
    --text-muted: #666;
    --text-inverse: #fff;
    --text-error: #b3261e;
    --surface-page: #fff;
    --surface-soft: #f6f6f6;
    --surface-error: #fdecea;
    --border-default: #e2e2e2;
    --link: #1a1a1a;
    --link-hover: #000;
    --link-underline-accent: currentColor;
    --text-brand: var(--text-strong);
    --border-strong: var(--text-strong);

    --action-primary: #1a1a1a;
    --action-primary-hover: #000;
    --action-secondary: #444;
    --action-secondary-hover: #222;
    --action-accent: #ffd400;
    --action-accent-hover: #f0c800;
    --action-ghost-hover: var(--surface-soft);

    --radius-pill: 100px;
    --hit-min: 44px;
    --control-h: 52px;
    --control-h-lg: 56px;
    --shadow-on-image: 0 8px 24px rgb(0 0 0 / .18);
    --dur-fast: .2s;

    --font-body: system-ui, sans-serif;
    --font-display: var(--font-body);
    --fs-body: 1.125rem;
    --lh-body: 1.6;
    --ls-body: 0;

    --container: 1360px;
    --gutter: clamp(20px, 4vw, 40px);
    --header-h: 80px;
  }
}