:root {
    --theme-primary: rgb(28, 44, 58); /* deep slate blue */
    --theme-primary-dark: rgb(20, 32, 44);
    --theme-primary-light: rgb(72, 102, 128);
    --theme-primary-text: white;
    --theme-secondary: rgb(0, 184, 166); /* teal accent */
    --theme-secondary-dark: rgb(0, 150, 135);
    --theme-secondary-light: rgb(102, 220, 210);
    --theme-secondary-text: white;
    --theme-dark: rgb(18, 24, 32); /* near-black blue */
    --theme-dark-border: rgb(30, 38, 50);
    --theme-dark-hover: rgb(36, 48, 64);
    --theme-dark-text: rgb(220, 230, 245);
    --theme-neutral: rgb(248, 250, 252); /* cleaner white */
    --theme-neutral-dark: rgb(228, 232, 238);
    --theme-neutral-text: rgb(28, 36, 48);

    /* Buttons */
    --theme-button-primary-bg: var(--theme-primary);
    --theme-button-primary-text: var(--theme-primary-text);
    --theme-button-primary-border: var(--theme-primary-dark);
    --theme-button-primary-hover: var(--theme-primary-light);
    --theme-button-secondary-bg: var(--theme-secondary-dark);
    --theme-button-secondary-text: var(--theme-secondary-text);
    --theme-button-secondary-border: var(--theme-secondary);
    --theme-button-secondary-hover: var(--theme-secondary-light);
    --theme-button-dark-bg: var(--theme-dark);
    --theme-button-dark-text: var(--theme-dark-text);
    --theme-button-dark-border: var(--theme-dark-border);
    --theme-button-dark-hover: var(--theme-dark-hover);
    /* Navigation */
    --theme-navigation-color: rgba(255, 255, 255, 0.95);
    --theme-navigation-hover: var(--theme-secondary);
    --theme-navigation-hover1: var(--theme-secondary-light);
    /* Page Defaults */
    --theme-body-bg: var(--theme-neutral);
    --theme-body-text: var(--theme-neutral-text);
    --theme-font-weight: 600;
}