:root {
    /* ============================================================
     *  THEME CONFIGURATION
     *  Change values here to rebrand the entire site.
     *  Do NOT edit style.css directly for color/font/space changes.
     * ============================================================ */

    /* --- Brand Palette --- */
    --color-primary:        #66FCF1;
    --color-primary-dark:   #45A29E;
    --color-primary-light:  #8CFCF5;
    --color-secondary:      #45A29E;
    --color-accent:         #34D399;

    /* --- Surfaces (depth: sidebar < body < card) --- */
    --bg-sidebar:    #080A0E;
    --bg-app:        #0B0C10;
    --bg-main:       #111A26;
    --bg-topbar:     #1F2833;
    --bg-card:       #1F2833;
    --bg-hover:      #2A3440;
    --bg-muted:      #252E3A;

    /* --- Text --- */
    --text-primary:      #C5C6C7;
    --text-secondary:    #A0A4AB;
    --text-muted:        #6B6F76;
    --text-on-dark:      #C5C6C7;
    --text-on-primary:   #FFFFFF;
    --text-on-bright:    #0B0C10;
    --text-link:         #66FCF1;
    --text-link-hover:   #8CFCF5;

    /* --- Borders --- */
    --border:        #2C3A4A;
    --border-light:  rgba(44, 58, 74, .4);
    --border-strong: #3D4B5B;

    /* --- Status Colors --- */
    --color-success: #34D399;
    --color-warning: #F0B429;
    --color-danger:  #F56565;
    --color-info:    #45A29E;

    /* --- Focus & Selection --- */
    --color-focus-ring: rgba(102, 252, 241, .2);
    --color-selection:  rgba(102, 252, 241, .15);

    /* --- Shadows --- */
    --shadow-sm:  0 1px 2px rgba(0, 0, 0, .15);
    --shadow:     0 1px 3px rgba(0, 0, 0, .2), 0 1px 2px rgba(0, 0, 0, .1);
    --shadow-lg:  0 4px 6px rgba(0, 0, 0, .25), 0 2px 4px rgba(0, 0, 0, .15);
    --shadow-xl:  0 8px 30px rgba(0, 0, 0, .3);

    /* --- Border Radii --- */
    --radius-sm:   4px;
    --radius:      6px;
    --radius-lg:   8px;
    --radius-pill: 999px;

    /* --- Spacing Scale (4px base) --- */
    --sp-1: 4px;  --sp-2: 8px;  --sp-3: 12px; --sp-4: 16px;
    --sp-5: 20px; --sp-6: 24px; --sp-7: 32px; --sp-8: 40px;

    /* --- Layout --- */
    --sidebar-width:     260px;
    --sidebar-collapsed: 72px;
    --topbar-height:     60px;

    /* --- Typography --- */
    --font-sans:     'Inter', -apple-system, BlinkMacSystemFont, 'Segoe UI', system-ui, sans-serif;
    --font-mono:     ui-monospace, 'SFMono-Regular', Menlo, Consolas, monospace;
    --font-size-xs:  .72rem;
    --font-size-sm:  .8rem;
    --font-size-base: .875rem;
    --font-size-md:  .95rem;
    --font-size-lg:  1.1rem;
    --font-size-xl:  1.35rem;
    --font-size-2xl: 1.5rem;
    --line-height-base:    1.5;
    --line-height-heading: 1.3;
    --font-weight-normal:   400;
    --font-weight-medium:   500;
    --font-weight-semibold: 600;
    --font-weight-bold:     700;

    /* --- Transitions --- */
    --t-fast: .12s ease;
    --t-base: .2s ease;
    --t-slow: .3s ease;
}