/* ================================================
   DESIGN TOKENS — Bytrix Systems
   Dark premium SaaS/tech design system
================================================ */
:root {
    /* --- Surfaces --- */
    --bg: #060C18;
    --bg-card: #0A1428;
    --bg-glass: rgba(10, 20, 40, 0.72);

    /* --- Brand --- */
    --blue: #3B82F6;
    --blue-glow: rgba(59, 130, 246, 0.28);
    --blue-dim: rgba(59, 130, 246, 0.08);
    --blue-dark: #1D4ED8;
    --chrome: #C0D4E8;
    --chrome-dim: rgba(192, 212, 232, 0.45);
    --chrome-faint: rgba(192, 212, 232, 0.08);

    /* --- Text --- */
    --text: #E8EEF8;
    --text-sec: #6B8BAA;

    /* --- Borders --- */
    --border: rgba(59, 130, 246, 0.14);
    --border-chr: rgba(192, 212, 232, 0.09);

    /* --- Semantic (forms / feedback) --- */
    --success: #22C55E;
    --warning: #F59E0B;
    --danger: #EF4444;

    /* --- Typography --- */
    --f-display: 'Orbitron', sans-serif;
    --f-head: 'Rajdhani', sans-serif;
    --f-body: 'DM Sans', sans-serif;

    /* --- Motion --- */
    --ease-out: cubic-bezier(.16, 1, .3, 1);
    --ease-in-out: cubic-bezier(.4, 0, .2, 1);
    --dur-fast: .2s;
    --dur-base: .35s;
    --dur-slow: .65s;

    /* --- Layout --- */
    --container-w: 1180px;
    --radius-sm: 3px;
    --radius-md: 7px;
    --radius-lg: 10px;

    /* --- Z-index scale --- */
    --z-canvas: 0;
    --z-content: 1;
    --z-nav: 100;
    --z-ai-widget: 105;
    --z-mobile-menu: 110;
    --z-cursor-ring: 9998;
    --z-cursor-dot: 9999;
}

@media (prefers-reduced-motion: reduce) {
    :root {
        --dur-fast: 0.01ms;
        --dur-base: 0.01ms;
        --dur-slow: 0.01ms;
    }
}