/**
 * Design token del chrome piattaforma Eazym (index, admin, legali, errori,
 * lavora-con-noi). NON riguarda i menu per-locale: quelli restano su
 * theme/template.css + catalogo font (feature del ristoratore).
 *
 * Tipografia — regola non negoziabile del design system:
 *   --pf-font-display (Schibsted Grotesk) SOLO su titoli >= 28px;
 *   ovunque altro (UI, body, form, numeri) --pf-font-ui (Inter).
 */
:root {
    --pf-font-display: 'Schibsted Grotesk', 'Inter', system-ui, sans-serif;
    --pf-font-ui: 'Inter', system-ui, -apple-system, 'Segoe UI', sans-serif;

    /* Colore: teal brand + neutri freddi */
    --pf-teal-900: #083d4a;
    --pf-teal-700: #0b5c73;
    --pf-teal-600: #0e7490;   /* accent primario, = --accent-color storico */
    --pf-teal-500: #159bb8;
    --pf-teal-100: #d9f2f7;
    --pf-ink:      #0f2229;
    --pf-ink-dim:  #4f6672;
    --pf-ground:   #f6fafb;
    --pf-surface:  #ffffff;
    --pf-hairline: rgba(15, 34, 41, 0.12);

    /* Spaziatura (scala 4px) e raggi */
    --pf-space-1: 4px;
    --pf-space-2: 8px;
    --pf-space-3: 12px;
    --pf-space-4: 16px;
    --pf-space-6: 24px;
    --pf-space-8: 32px;
    --pf-space-12: 48px;
    --pf-radius-s: 6px;
    --pf-radius-m: 10px;
    --pf-radius-l: 16px;

    /* Motion: tre durate, un solo easing */
    --pf-dur-fast: 150ms;
    --pf-dur-base: 250ms;
    --pf-dur-slow: 400ms;
    --pf-ease: cubic-bezier(0.2, 0, 0, 1);

    /* Focus visibile (WCAG 2.4.7) */
    --pf-focus-ring: 0 0 0 2px var(--pf-surface), 0 0 0 4px var(--pf-teal-500);
}

@media (prefers-color-scheme: dark) {
    :root {
        --pf-teal-500: #3cb8d6;
        --pf-teal-100: #123540;
        --pf-ink:      #e6f2f5;
        --pf-ink-dim:  #94abb5;
        --pf-ground:   #0d1619;
        --pf-surface:  #142025;
        --pf-hairline: rgba(230, 242, 245, 0.14);
    }
}

@media (prefers-reduced-motion: reduce) {
    :root {
        --pf-dur-fast: 1ms;
        --pf-dur-base: 1ms;
        --pf-dur-slow: 1ms;
    }
}