/* ==================================================================
   Olos369 — token del design system (font + variabili di brand)
   -------------------------------------------------------------------
   Foglio "leggero" caricato OVUNQUE (guscio app e pagine immersive
   standalone) subito dopo Bootstrap. Contiene solo @font-face e le
   variabili :root: NON tocca elementi (body/a/h*/input), quindi è
   sicuro anche sopra i design bespoke a tutto schermo. Il guscio app
   carica in più olos.css (le classi del chrome).
   ================================================================== */
@font-face {
    font-family: 'Jakarta';
    src: url('../fonts/plus-jakarta-sans-var.woff2') format('woff2-variations');
    font-weight: 200 800; font-style: normal; font-display: swap;
}
:root {
    --brand: #6d28d9;            /* viola */
    --brand-2: #0284c7;          /* azzurro */
    --brand-dark: #5b21b6;
    --brand-soft: #f1edfb;
    --azure-soft: #e8f4fb;
    --grad: linear-gradient(120deg, #6d28d9, #4f46e5 55%, #0284c7);
    --ink: #191c28; --muted: #5f6474;
    --bg: #f7f7fa; --card: #ffffff; --line: #e6e7ee;
    --ok: #0f766e; --warn: #b45309; --err: #b91c1c;
    --radius: 14px;
    --shadow: 0 1px 2px rgba(16,18,28,.04), 0 4px 14px rgba(16,18,28,.05);
    --shadow-lift: 0 4px 10px rgba(16,18,28,.06), 0 18px 36px -14px rgba(16,18,28,.16);
    --ring: 0 0 0 3px rgba(109,40,217,.14);
}