/* ═══════════════════════════════════════════════════
   PROPTECH — Design Tokens
   Theme Immobilier : Bleu professionnel / Blanc
   ═══════════════════════════════════════════════════ */

:root {
    /* ── Backgrounds ── */
    --bg-void:    #FFFFFF;
    --bg-page:    #F8FAFC;
    --bg-panel:   #FFFFFF;
    --bg-card:    #F4F7FB;
    --bg-input:   #FFFFFF;
    --bg-hover:   #EEF2F7;
    --bg-active:  #E3EBF6;
    --bg-modal:   #FFFFFF;
    --bg-topbar:  #1E3A5F;

    /* ── Primary Blue ── */
    --primary:        #2563EB;
    --primary-bright: #1D4ED8;
    --primary-dim:    #1E40AF;
    --primary-glow:   rgba(37, 99, 235, 0.08);
    --primary-muted:  rgba(37, 99, 235, 0.12);
    --primary-ghost:  rgba(37, 99, 235, 0.04);

    /* ── Accent (complementary warm) ── */
    --accent:       #D4A853;
    --accent-dim:   #B08A3A;

    /* ── Legacy aliases (backward compat) ── */
    --amber:        var(--primary);
    --amber-bright: var(--primary-bright);
    --amber-dim:    var(--primary-dim);
    --amber-glow:   var(--primary-glow);
    --amber-muted:  var(--primary-muted);
    --amber-ghost:  var(--primary-ghost);

    /* ── Text ── */
    --t1: #1A2332;
    --t2: #5A6B7F;
    --t3: #8E9DB2;
    --t4: #C5D0DC;
    --t-amber: var(--primary);

    /* ── Semantic ── */
    --up:         #16A34A;
    --up-dim:     #15803D;
    --up-muted:   rgba(22, 163, 74, 0.10);
    --down:       #DC2626;
    --down-dim:   #B91C1C;
    --down-muted: rgba(220, 38, 38, 0.10);
    --info:       #2563EB;
    --info-muted: rgba(37, 99, 235, 0.10);
    --warn:       #D97706;
    --purple:     #7C3AED;

    /* ── Panel Borders ── */
    --edge:       #E2E8F0;
    --edge-light: #EDF2F7;
    --edge-amber: rgba(37, 99, 235, 0.15);

    /* ── Chart Palette ── */
    --c1: #2563EB;
    --c2: #F59E0B;
    --c3: #7C3AED;
    --c4: #16A34A;
    --c5: #DC2626;
    --c6: #0891B2;
    --c7: #D97706;
    --c8: #9333EA;

    /* ── Typography ── */
    --font-term: 'Inter', -apple-system, BlinkMacSystemFont, system-ui, sans-serif;
    --font-data: 'DM Sans', 'Inter', sans-serif;
    --font-ui:   'Inter', -apple-system, BlinkMacSystemFont, system-ui, sans-serif;

    /* ── Spacing ── */
    --sp-1: 2px;
    --sp-2: 4px;
    --sp-3: 8px;
    --sp-4: 12px;
    --sp-5: 16px;
    --sp-6: 20px;
    --sp-8: 24px;
    --sp-10: 32px;

    /* ── Radius ── */
    --r-0: 0px;
    --r-1: 4px;
    --r-2: 6px;
    --r-3: 8px;

    /* ── Shadows ── */
    --shadow-sm: 0 1px 2px rgba(0, 0, 0, 0.05);
    --shadow-md: 0 4px 6px -1px rgba(0, 0, 0, 0.07), 0 2px 4px -2px rgba(0, 0, 0, 0.05);
    --shadow-lg: 0 10px 15px -3px rgba(0, 0, 0, 0.08), 0 4px 6px -4px rgba(0, 0, 0, 0.05);

    /* ── Transitions ── */
    --fast: 150ms ease;
    --med:  250ms ease;
}