/* variables.css */
:root {
    --content-width: 50rem;

    /* Core Colors */
    --theme-bg: Ivory;
    --theme-text: Black;
    --theme-surface: White;

    /* Brand Colors */
    --theme-primary: FireBrick;
    --theme-primary-hover: DarkRed;
    --theme-secondary: Maroon;
    --theme-accent: Crimson;
    
    /* Utilities */
    --theme-inverse: Ivory;
}

[data-theme="dark"] {
    --theme-bg: Ivory;
}