/*
 |----------------------------------------------------------------------------
 | Strongers — Design Tokens (SORGENTE UNICA)
 |----------------------------------------------------------------------------
 | ADR-066 — Fase 0. Sorgente unica dei design token dell'area privata Strongers
 | (guscio canonico «rosso pieno» + nav globale a due livelli).
 |
 | SORGENTE UNICA — sincronizzato nei 3 repo (strongers-org, strongers-event,
 | strongers-identity). NON editare le copie in `<repo>/public/`: modifica QUI e
 | ri-copia. Ogni copia diverge = drift da riconciliare.
 |
 | Estratto da strongers-event/public/spoke.css:13-41 (blocco `:root`), che è il
 | reference «guscio B rosso pieno» già live. AGGIUNTO il secondario verde
 | canonico (--brand-secondary) preso da strongers-org/public/wf/tokens-palette-a.css:14-15
 | (event NON lo definiva). Il verde è l'accento POSITIVO (CTA di conferma, badge
 | «attiva», stato-ok) e SOSTITUISCE il teal legacy fuori-token usato in org.
 |
 | Self-hosted, niente CDN (vincolo CSP). Font Inter via @font-face qui sotto
 | (woff2 serviti da /wf/fonts/ in ciascun repo — path invariato tra i repo).
 |----------------------------------------------------------------------------
 */

/* ---------- @font-face Inter (self-hosted, da spoke.blade.php:10-37) ---------- */
@font-face {
    font-family: 'Inter';
    src: url('/wf/fonts/Inter-Regular.woff2') format('woff2');
    font-weight: 400; font-style: normal; font-display: swap;
}
@font-face {
    font-family: 'Inter';
    src: url('/wf/fonts/Inter-Medium.woff2') format('woff2');
    font-weight: 500; font-style: normal; font-display: swap;
}
@font-face {
    font-family: 'Inter';
    src: url('/wf/fonts/Inter-SemiBold.woff2') format('woff2');
    font-weight: 600; font-style: normal; font-display: swap;
}
@font-face {
    font-family: 'Inter';
    src: url('/wf/fonts/Inter-Bold.woff2') format('woff2');
    font-weight: 700; font-style: normal; font-display: swap;
}

/* ---------- Design tokens ---------- */
:root {
    /* Brand rosso unificato (decisione PO 2026-07-06, opzione A "rosso unificato").
       WCAG AA: bianco su #aa2d2d = 6.1:1 (mantenere: header/footer/CTA primaria). */
    --brand:        #aa2d2d;
    --brand-dark:   #8f2424;
    --brand-darker: #6f1c1c;
    --brand-light:  #f2c9c6;
    --brand-tint:   #fbf6f5;

    /* Secondario VERDE canonico (accento positivo) — ADR-066.
       Da strongers-org tokens-palette-a.css (--color-brand-secondary-500/700).
       Uso: CTA di conferma, badge «attiva», stato-ok. Sostituisce il teal legacy
       fuori-token che org usava sulle superfici utente. */
    --brand-secondary:      #6fb051;
    --brand-secondary-dark: #3f7a2b;

    --amber:       #b45309;

    /* Status "info" (badge stato ordine "processing" in org) — tokenizzato
       (era un blu inline fuori-token nelle pagine account). */
    --status-info: #3b82f6;

    /* Neutrali */
    --ink:    #1f2937;
    --body:   #374151;
    --muted:  #6b7280;
    --line:   #e5e7eb;
    --surface:#ffffff;
    --bg:     #f8fafc;

    /* Semantica (success/error/warning — separata dal brand) */
    --ok-bg:   #ecfdf5;  --ok-fg:   #065f46;  --ok-line:   #a7f3d0;
    --err-bg:  #fef2f2;  --err-fg:  #991b1b;  --err-line:  #fecaca;
    --warn-bg: #fffbeb;  --warn-fg: #92400e;

    /* Forma */
    --radius:    10px;
    --radius-sm: 6px;
    --shadow:    0 1px 2px rgba(15,23,42,.06), 0 1px 3px rgba(15,23,42,.08);
    --shadow-md: 0 4px 12px rgba(15,23,42,.08);
    --font:      'Inter', system-ui, -apple-system, 'Segoe UI', Roboto, Helvetica, Arial, sans-serif;
    --maxw:      960px;
}
