:root {
    /* Surfaces */
    --bg: #0B0F14;
    --sidebar-bg: #10151C;
    --card-bg: #161C24;
    --card-hover-bg: #1E2733;
    --border: #232C38;

    /* Text */
    --text: #FFFFFF;
    --text-secondary: #A4AFBE;
    --text-faint: #64707E;

    /* Accents */
    --accent-green: #35D07F;
    --accent-blue: #39A0FF;
    --accent-orange: #FFAA33;
    --accent-red: #FF4C4C;
    --accent-purple: #8B5CF6;
    --accent-yellow: #FFD84A;

    /* Accent tints (for soft backgrounds / glows) */
    --accent-green-10: rgba(53, 208, 127, 0.10);
    --accent-green-25: rgba(53, 208, 127, 0.25);
    --accent-blue-10: rgba(57, 160, 255, 0.10);
    --accent-blue-25: rgba(57, 160, 255, 0.25);
    --accent-orange-10: rgba(255, 170, 51, 0.10);
    --accent-orange-25: rgba(255, 170, 51, 0.25);
    --accent-red-10: rgba(255, 76, 76, 0.10);
    --accent-red-25: rgba(255, 76, 76, 0.25);
    --accent-purple-10: rgba(139, 92, 246, 0.10);
    --accent-purple-25: rgba(139, 92, 246, 0.25);
    --accent-yellow-10: rgba(255, 216, 74, 0.10);
    --accent-yellow-25: rgba(255, 216, 74, 0.25);

    /* Geometry */
    --radius-lg: 18px;
    --radius-md: 14px;
    --radius-sm: 10px;
    --radius-pill: 999px;

    /* Elevation */
    --shadow-card: 0 1px 2px rgba(0, 0, 0, 0.4), 0 12px 32px -12px rgba(0, 0, 0, 0.55);
    --shadow-card-hover: 0 1px 2px rgba(0, 0, 0, 0.45), 0 20px 48px -16px rgba(0, 0, 0, 0.6);
    --shadow-button: 0 4px 14px -4px rgba(0, 0, 0, 0.5);
    --shadow-glow-green: 0 0 24px -4px rgba(53, 208, 127, 0.55);
    --shadow-glow-blue: 0 0 24px -4px rgba(57, 160, 255, 0.55);
    --shadow-glow-red: 0 0 24px -4px rgba(255, 76, 76, 0.55);

    /* Glass */
    --glass-bg: rgba(22, 28, 36, 0.72);
    --glass-border: rgba(255, 255, 255, 0.06);
    --glass-blur: 18px;

    /* Typography */
    --font-sans: "Inter", "Segoe UI Variable", "Segoe UI", -apple-system, system-ui, sans-serif;
    --font-mono: "JetBrains Mono", "Cascadia Mono", "Cascadia Code", Consolas, monospace;

    /* Layout */
    --sidebar-width: 248px;
    --header-height: 72px;

    /* Motion */
    --ease-out: cubic-bezier(0.16, 1, 0.3, 1);
    --duration-fast: 140ms;
    --duration-base: 220ms;
    --duration-slow: 420ms;
}