/* FILE: /v2/include/css/00-tokens.css
   COSA FA:
   Definisce le variabili globali di base (fallback).
   I template sovrascrivono queste variabili.
*/

:root{

    /* =========================
       COLORI BASE (fallback)
    ========================= */

    --cm-primary:#0ea5e9;
    --cm-primary-dark:#0284c7;
    --cm-secondary:#6366f1;

    --cm-text:#0f172a;
    --cm-muted:#64748b;

    --cm-bg:#f5f7fb;
    --cm-bg-soft:#f8fafc;
    --cm-card:#ffffff;

    --cm-border:#e2e8f0;
    --cm-line:#e8eef7;

    /* =========================
       RADIUS
    ========================= */

    --cm-radius-sm:10px;
    --cm-radius-md:14px;
    --cm-radius-lg:18px;
    --cm-radius-xl:22px;

    /* =========================
       SHADOW
    ========================= */

    --cm-shadow-sm:0 2px 8px rgba(15,23,42,.04);
    --cm-shadow-md:0 8px 24px rgba(15,23,42,.08);
    --cm-shadow-lg:0 14px 36px rgba(15,23,42,.06);

    /* =========================
       SPACING
    ========================= */

    --cm-gap:10px;

    /* =========================
       HERO / BRAND
    ========================= */

    --cm-hero-logo-bg:rgba(255,255,255,.52);
    --cm-hero-logo-border:rgba(255,255,255,.38);

    /* =========================
       COMPONENTI
    ========================= */

    --cm-btn-radius:999px;
    --cm-card-radius:var(--cm-radius-lg);

}