:root {

    /* =======================================
       CGE BRAND
    ======================================= */

    --cge-primary: #2563eb;
    --cge-primary-strong: #1d4ed8;
    --cge-primary-light: #60a5fa;

    --cge-secondary: #7c3aed;
    --cge-cyan: #06b6d4;

    --cge-success: #10b981;
    --cge-warning: #f59e0b;
    --cge-danger: #ef4444;

    /* =======================================
       TEXT
    ======================================= */

    --text-primary: #101828;
    --text-secondary: #475467;
    --text-muted: #98a2b3;

    /* =======================================
       GLASS
    ======================================= */

    --glass-bg: rgba(255, 255, 255, 0.70);
    --glass-bg-strong: rgba(255, 255, 255, 0.88);
    --glass-bg-soft: rgba(255, 255, 255, 0.52);

    --glass-border: rgba(255, 255, 255, 0.76);
    --glass-border-soft: rgba(148, 163, 184, 0.16);

    --glass-blur: 18px;

    /* =======================================
       SHADOWS
    ======================================= */

    --shadow-xs: 0 1px 2px rgba(15, 23, 42, .04);
    --shadow-sm: 0 5px 15px rgba(15, 23, 42, .06);
    --shadow-md: 0 12px 30px rgba(15, 23, 42, .08);
    --shadow-lg: 0 24px 60px rgba(15, 23, 42, .12);

    /* =======================================
       RADIUS
    ======================================= */

    --radius-sm: 10px;
    --radius-md: 14px;
    --radius-lg: 20px;
    --radius-xl: 26px;

    /* =======================================
       LAYOUT
    ======================================= */

    --sidebar-width: 270px;
    --sidebar-collapsed: 84px;
    --header-height: 72px;

    /* =======================================
       TRANSITIONS
    ======================================= */

    --transition-fast: .18s ease;
    --transition-base: .28s cubic-bezier(.4, 0, .2, 1);
}