/* ==========================================
   CENNOX ANALYTICS HUB
   Design Tokens
========================================== */

:root {

    /* Brand */
    --primary: #2563EB;
    --primary-hover: #1D4ED8;

    /* Backgrounds */
    --bg-body: #0B1220;
    --bg-surface: #111827;
    --bg-card: #182233;

    /* Borders */
    --border: #2A3A52;

    /* Text */
    --text-primary: #F8FAFC;
    --text-secondary: #94A3B8;
    --text-muted: #64748B;

    /* Status */
    --success: #22C55E;
    --warning: #F59E0B;
    --danger: #EF4444;
    --info: #38BDF8;

    /* Radius */
    --radius-sm: 8px;
    --radius-md: 12px;
    --radius-lg: 18px;

    /* Shadows */
    --shadow-sm: 0 2px 8px rgba(0,0,0,.20);
    --shadow-md: 0 8px 20px rgba(0,0,0,.25);

    /* Spacing */
    --space-xs: 6px;
    --space-sm: 12px;
    --space-md: 20px;
    --space-lg: 32px;
    --space-xl: 48px;

    /* Max Width */
    --container: 1400px;

    /* Transition */
    --transition: all .25s ease;
}