/* =============================================================================
   SHADOWFORGE - Couche de tokens partagee
   Recopie de FiveM/Base Client/resources/[sf]/sf_core/shared/theme.css
   NE PAS diverger : toute evolution de l'identite ShadowForge se repercute ici
   a l'identique, puis app.css s'y adapte.
   ========================================================================== */

:root {
    /* ---------- Fonds ---------- */
    --sf-void:          #05050A;
    --sf-bg:            #0A0A0F;
    --sf-surface:       #12111C;
    --sf-surface-2:     #1A1826;
    --sf-line:          #2A2740;
    --sf-line-soft:     #201E30;

    /* ---------- Textes ---------- */
    --sf-text:          #F2EFFA;
    --sf-text-dim:      #A8A2C0;
    --sf-text-faint:    #6F6890;

    /* ---------- Accents ---------- */
    --sf-violet:        #8B00FF;
    --sf-violet-bright: #A855FF;
    --sf-violet-soft:   rgba(139, 0, 255, .16);
    --sf-pink:          #FF2E88;
    --sf-cyan:          #22D3EE;

    /* ---------- Etats ---------- */
    --sf-ok:            #2DD4A7;
    --sf-warn:          #F5A524;
    --sf-danger:        #FF4D6D;

    /* ---------- Ombres et lueurs ---------- */
    --sf-glow:          0 0 20px rgba(139, 0, 255, .35);
    --sf-glow-pink:     0 0 20px rgba(255, 46, 136, .3);
    --sf-shadow:        0 2px 4px rgba(0, 0, 0, .4), 0 12px 32px rgba(0, 0, 0, .45);

    /* ---------- Rayons ---------- */
    --sf-r-sm:          6px;
    --sf-r:             10px;
    --sf-r-lg:          16px;

    /* ---------- Espacements ---------- */
    --sf-gap-xs:        6px;
    --sf-gap-sm:        10px;
    --sf-gap:           16px;
    --sf-gap-lg:        24px;

    /* ---------- Typographie ----------
       Rajdhani et Inter sont auto-heberges dans public/assets/fonts/ : la CSP
       du site interdit les origines externes, donc pas de Google Fonts. */
    --sf-font:          "Rajdhani", "Segoe UI", system-ui, sans-serif;
    --sf-font-body:     "Inter", "Segoe UI", system-ui, sans-serif;
    --sf-font-mono:     "JetBrains Mono", ui-monospace, monospace;

    /* ---------- Animation ---------- */
    --sf-ease:          cubic-bezier(.16, 1, .3, 1);
    --sf-fast:          140ms;
    --sf-slow:          320ms;
}