:root {
    /* Base */
    --bg-main: #070912;
    --bg-panel: #0b0a16;   /* sidebar bas */
    --bg-card: #12142a;

    --border-soft: rgba(255, 255, 255, 0.07);

    --text-primary: #ffffff;
    --text-secondary: #b6bdd6;
    --text-muted: #7f86a3;

    /* Accent */
    --accent-start: #ff5bbd; /* pink */
    --accent-end: #7b6cff;   /* purple */

    /* Sidebar accents */
    --sidebar-glow-1: rgba(123,108,255,0.22);
    --sidebar-glow-2: rgba(255,91,189,0.10);

    /* Radius */
    --radius-lg: 16px;
    --radius-md: 12px;

    /* Spacing */
    --space-sm: 8px;
    --space-md: 16px;
    --space-lg: 24px;
    --space-xl: 32px;

    --sidebar-width: 260px;
}