/* ============================================================
   assets/css/variables.css — LSPD Lysoria FA
   Thème Dark Tactical Premium
   ============================================================ */
:root {
    /* ── Fonds ── */
    --clr-bg-deep:      #04080f;
    --clr-bg-main:      #080e1c;
    --clr-bg-card:      #0e1626;
    --clr-bg-card-alt:  #131f35;
    --clr-bg-input:     #0a1020;
    --clr-bg-elevated:  #172035;

    /* ── Bordures ── */
    --clr-border:       rgba(255,255,255,0.055);
    --clr-border-light: rgba(255,255,255,0.11);
    --clr-border-focus: rgba(37,99,235,0.65);

    /* ── Bleu LSPD ── */
    --clr-primary:            #1d4ed8;
    --clr-primary-light:      #2563eb;
    --clr-primary-dark:       #1e3a8a;
    --clr-primary-glow:       rgba(29,78,216,0.18);
    --clr-primary-glow-strong:rgba(29,78,216,0.35);

    /* ── Accent & Or ── */
    --clr-accent:       #60a5fa;
    --clr-accent-sub:   rgba(96,165,250,0.12);
    --clr-gold:         #d4a843;
    --clr-gold-sub:     rgba(212,168,67,0.1);

    /* ── États ── */
    --clr-success:        #10b981;
    --clr-success-bg:     rgba(16,185,129,0.09);
    --clr-success-border: rgba(16,185,129,0.22);
    --clr-danger:         #f87171;
    --clr-danger-bg:      rgba(248,113,113,0.09);
    --clr-danger-border:  rgba(248,113,113,0.22);
    --clr-warning:        #fbbf24;
    --clr-warning-bg:     rgba(251,191,36,0.09);
    --clr-warning-border: rgba(251,191,36,0.22);
    --clr-info:           #38bdf8;
    --clr-info-bg:        rgba(56,189,248,0.09);
    --clr-info-border:    rgba(56,189,248,0.22);

    /* ── Texte ── */
    --clr-text:          #cbd5e1;
    --clr-text-muted:    #64748b;
    --clr-text-dimmed:   #2d3f55;
    --clr-text-heading:  #f8fafc;

    /* ── Discord ── */
    --clr-discord:      #5865f2;
    --clr-discord-dark: #4752c4;

    /* ── Typographie ── */
    --font-heading: 'Rajdhani', sans-serif;
    --font-body:    'Inter', system-ui, sans-serif;
    --font-mono:    'Consolas', 'Fira Code', monospace;

    --text-xs:   0.6875rem;
    --text-sm:   0.8125rem;
    --text-base: 0.9375rem;
    --text-lg:   1.0625rem;
    --text-xl:   1.25rem;
    --text-2xl:  1.5rem;
    --text-3xl:  1.875rem;
    --text-4xl:  2.25rem;

    /* ── Espacement ── */
    --sp-1:  0.25rem;
    --sp-2:  0.5rem;
    --sp-3:  0.75rem;
    --sp-4:  1rem;
    --sp-5:  1.25rem;
    --sp-6:  1.5rem;
    --sp-8:  2rem;
    --sp-10: 2.5rem;
    --sp-12: 3rem;
    --sp-16: 4rem;

    /* ── Radius ── */
    --radius-sm:   3px;
    --radius-md:   6px;
    --radius-lg:   10px;
    --radius-xl:   14px;
    --radius-2xl:  20px;
    --radius-full: 9999px;

    /* ── Ombres ── */
    --shadow-sm:   0 1px 2px rgba(0,0,0,0.55);
    --shadow-md:   0 4px 16px rgba(0,0,0,0.65);
    --shadow-lg:   0 8px 32px rgba(0,0,0,0.75);
    --shadow-glow: 0 0 24px var(--clr-primary-glow);

    /* ── Transitions ── */
    --transition-fast:   120ms cubic-bezier(.4,0,.2,1);
    --transition-normal: 220ms cubic-bezier(.4,0,.2,1);
    --transition-slow:   380ms cubic-bezier(.4,0,.2,1);

    /* ── Layout ── */
    --nav-height:      64px;
    --max-width:       1280px;
    --max-width-sm:    560px;
    --max-width-md:    768px;
    --max-width-form:  460px;
}