/* ===================================
   CALYBRON BRAND COLORS - LIGHT THEME
   =================================== */

html {
    /* Primary Brand Colors */
    --color-calybron-gold: 187 156 0 !important;          /* #bb9c00 */
    --color-vernier-blue: 25 43 57 !important;            /* #192b39 */
    
    /* Secondary Brand Colors */
    --color-secondary-dark: 47 63 76 !important;          /* #2f3f4c */
    --color-secondary-mid: 119 129 138 !important;        /* #77818a */
    --color-secondary-light: 187 192 196 !important;      /* #bbc0c4 */
    
    /* Surfaces */
    --color-surface-primary: 255 255 255 !important;      /* White */
    --color-surface-secondary: 247 248 250 !important;    /* Light gray */
    --color-surface-tertiary: 237 239 242 !important;
    --color-surface-sunken: 232 234 237 !important;
    --color-surface-hover: 187 156 0/.08 !important;      /* Gold hover */
    --color-surface-selected: 187 156 0/.12 !important;   /* Gold selected */
    --color-surface-disabled: 187 192 196/.3 !important;
    --color-surface-input: 255 255 255 !important;
    
    /* Accent Surfaces */
    --color-surface-accent-primary: 187 156 0 !important;      /* Calybron Gold */
    --color-surface-accent-hover: 167 136 0 !important;
    --color-surface-accent-clicked: 147 116 0 !important;
    --color-surface-accent-selected: 187 156 0/.15 !important;
    --color-surface-accent-secondary: 25 43 57 !important;     /* Vernier Blue */
    --color-surface-accent-secondary-hover: 20 35 47 !important;
    --color-surface-accent-secondary-clicked: 15 27 37 !important;
    
    /* Text Colors */
    --color-text-primary: 25 43 57 !important;            /* Vernier Blue */
    --color-text-secondary: 47 63 76 !important;          /* Secondary dark */
    --color-text-tertiary: 119 129 138 !important;        /* Secondary mid */
    --color-text-emphasis: 15 27 37 !important;           /* Darker blue */
    --color-text-hint: 119 129 138 !important;
    --color-text-disabled: 187 192 196 !important;
    --color-text-accent: 187 156 0 !important;            /* Calybron Gold */
    
    /* Text on Dark/Colored Backgrounds */
    --color-text-primary-inverse: 255 255 255 !important;
    --color-text-secondary-inverse: 237 239 242 !important;
    --color-text-tertiary-inverse: 187 192 196 !important;
    --color-text-emphasis-inverse: 255 255 255 !important;
    
    /* Borders */
    --color-border-light: 229 231 235 !important;
    --color-border-normal: 187 192 196 !important;        /* Secondary light */
    --color-border-accent: 187 156 0 !important;          /* Calybron Gold */
    --color-border-selected: 207 176 20 !important;       /* Lighter gold */
    
    /* Component Specific */
    --color-component-button-accent-secondary: 255 255 255 !important;
    --color-component-virtual-node: 247 248 250 !important;
    
    background-color: rgb(var(--color-surface-primary)) !important;
    color: rgb(var(--color-text-primary)) !important;
}


/* ===================================
   CALYBRON BRAND COLORS - DARK THEME
   =================================== */

html.dark {
    /* Surfaces */
    --color-surface-primary: 25 43 57 !important;         /* Vernier Blue */
    --color-surface-secondary: 32 48 62 !important;       /* Lighter blue */
    --color-surface-tertiary: 20 35 47 !important;        /* Darker blue */
    --color-surface-sunken: 15 27 37 !important;          /* Darkest blue */
    --color-surface-hover: 187 156 0/.1 !important;       /* Gold hover */
    --color-surface-selected: 47 63 76 !important;        /* Secondary dark */
    --color-surface-disabled: 47 63 76/.5 !important;
    --color-surface-input: 32 48 62 !important;
    
    /* Accent Surfaces */
    --color-surface-accent-primary: 187 156 0 !important;      /* Calybron Gold */
    --color-surface-accent-hover: 207 176 20 !important;       /* Brighter gold */
    --color-surface-accent-clicked: 227 196 40 !important;     /* Even brighter */
    --color-surface-accent-selected: 187 156 0/.2 !important;
    --color-surface-accent-secondary: 237 239 242 !important;  /* Light gray */
    --color-surface-accent-secondary-hover: 247 248 250 !important;
    --color-surface-accent-secondary-clicked: 255 255 255 !important;
    
    /* Text Colors */
    --color-text-primary: 255 255 255 !important;
    --color-text-secondary: 237 239 242 !important;
    --color-text-tertiary: 187 192 196 !important;
    --color-text-emphasis: 255 255 255 !important;
    --color-text-hint: 187 192 196 !important;
    --color-text-disabled: 119 129 138 !important;
    --color-text-accent: 187 156 0 !important;            /* Calybron Gold */
    
    /* Text on Light Backgrounds */
    --color-text-primary-inverse: 25 43 57 !important;
    --color-text-secondary-inverse: 47 63 76 !important;
    --color-text-tertiary-inverse: 119 129 138 !important;
    --color-text-emphasis-inverse: 15 27 37 !important;
    
    /* Borders */
    --color-border-light: 47 63 76 !important;
    --color-border-normal: 119 129 138 !important;
    --color-border-accent: 187 156 0 !important;          /* Calybron Gold */
    --color-border-selected: 207 176 20 !important;
    
    /* Component Specific */
    --color-component-button-accent-secondary: 25 43 57 !important;
    --color-component-virtual-node: 47 63 76 !important;
    
    background-color: rgb(var(--color-surface-primary)) !important;
    color: rgb(var(--color-text-primary)) !important;
}

#sidebar > div > button:first-of-type {
    display: none;
}