/* ============================================================
   Dubai Property Lab — Design Tokens
   Source: DPL_Brand_Reference.md §12 + DPL_Design_System_v1.md §10
   ============================================================ */

:root {
    /* --- Backgrounds --- */
    --void: #0B0B14;
    --slate: #14141F;
    --surface: #1C1C2E;
    --elevated: #252540;
    --border: #2A2A45;

    /* --- Text --- */
    --text-primary: #F0F0F5;
    --text-secondary: #9898A8;
    --text-muted: #5C5C72;

    /* --- Accents --- */
    --signal: #00E5C7;
    --signal-dim: rgba(0, 229, 199, 0.15);
    --warm: #C9A84C;
    --warm-dim: rgba(201, 168, 76, 0.15);

    /* --- Data Visualisation --- */
    --viz-1: #00E5C7;
    --viz-2: #3B82F6;
    --viz-3: #A855F7;
    --viz-4: #F59E0B;
    --viz-5: #EC4899;
    --viz-6: #6366F1;
    --viz-positive: #00E5C7;
    --viz-negative: #EF4444;
    --viz-negative-surface: #F87171;   /* Brightened for AA contrast on Surface */
    --viz-neutral: #9898A8;

    /* --- Badge backgrounds (transaction types) --- */
    --badge-op-primary-bg: rgba(0, 229, 199, 0.15);
    --badge-op-secondary-bg: rgba(59, 130, 246, 0.15);
    --badge-rp-primary-bg: rgba(201, 168, 76, 0.15);
    --badge-rp-secondary-bg: rgba(152, 152, 168, 0.15);

    /* --- Typography --- */
    --font-primary: 'Inter', -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif;
    --font-mono: 'JetBrains Mono', 'Fira Code', 'Consolas', monospace;

    /* --- Spacing (8px base grid) --- */
    --space-1: 4px;
    --space-2: 8px;
    --space-3: 12px;
    --space-4: 16px;
    --space-5: 24px;
    --space-6: 32px;
    --space-7: 48px;
    --space-8: 64px;

    /* --- Radii --- */
    --radius-sm: 4px;
    --radius-md: 8px;
    --radius-lg: 12px;

    /* --- Transitions --- */
    --transition-fast: 100ms ease-out;
    --transition-default: 150ms ease-out;
    --transition-slow: 200ms ease-out;
    --transition-chart: 300ms ease-out;
}