/* ═══════════════════════════════════════════════════════════════════
   calc3-tokens-restyle.css — Token ADDITIVI per il restyle quotidiano
   Dipende da: tokens.css (già nel child theme) che definisce
     --ink, --paper, --rosso, --rule-*, --t-*, --font, --paper-max,
     --calc3-spacing-*, --calc3-shadow-md/lg (soft blur), ecc.
   Qui aggiungo SOLO quello che manca + ribattezzo le shadow neo-brutalist
   per non sovrascrivere quelle soft già usate dai calcolatori esistenti.
   ═══════════════════════════════════════════════════════════════════ */

:root {
  /* ─── Shadow neo-brutalist (hard offset, no blur) ─── */
  /* NON sovrascrive --calc3-shadow-md/lg del child (che sono soft blur) */
  --calc3-shadow-brutal-md: 4px 4px 0 var(--ink);
  --calc3-shadow-brutal-lg: 6px 6px 0 var(--ink);

  /* ─── Gauge zones (result panel) ─── */
  --calc3-gauge-zone-low:  oklch(0.78 0.15 95);
  --calc3-gauge-zone-mid:  oklch(0.65 0.18 145);
  --calc3-gauge-zone-high: oklch(0.58 0.22 25);

  /* ─── Scrim (mobile header drawer + cookie banner) ─── */
  --calc3-scrim-light: rgba(14, 13, 12, 0.5);
  --calc3-scrim-dark:  rgba(21, 20, 15, 0.7);

  /* ─── Touch target (WCAG 2.5.5 + Material guidelines) ─── */
  --calc3-touch-target: 48px;

  /* ─── Callout (editorial widget) ─── */
  --callout-info:    var(--ink);
  --callout-warning: var(--rosso);
  --callout-tip:     var(--rosso-deep);

  /* ─── Container calculator (alias coerente col namespace --calc3-*) ─── */
  /* (--calc3-container-calculator già definito nel child) */
}

/* Dark mode override per scrim (se serve più contrasto) */
:root[data-theme="dark"] {
  /* I gauge zones in dark restano OK; lo scrim invece può rimanere uguale */
}