:root {
    /* Color Palette - High contrast editorial, avoid purple-to-blue generic SaaS */
    --color-bg: #FAF9F6; /* Off-white paper feel */
    --color-surface: #FFFFFF;
    --color-text: #1C1C1C;
    --color-text-muted: #595959;
    --color-brand: #C93C20; /* Deep brick red / Moroccan flag inspired but darker */
    --color-brand-dark: #8A2614;
    --color-border: #E0DFDB;
    --color-border-dark: #A3A199;

    /* Typography */
    --font-display: 'Chivo', system-ui, sans-serif;
    --font-text: 'Libre Franklin', system-ui, sans-serif;
    --font-mono: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, monospace;

    /* Spacing */
    --space-1: 0.25rem;
    --space-2: 0.5rem;
    --space-3: 1rem;
    --space-4: 1.5rem;
    --space-5: 2rem;
    --space-6: 3rem;
    --space-8: 4rem;
    --space-12: 6rem;
    --space-16: 8rem;

    /* Grid */
    --container-max: 1200px;
    --container-padding: var(--space-4);

    /* Breakpoints (for reference, used in media queries) */
    /*
      sm: 360px
      md: 768px
      lg: 1024px
      xl: 1440px
    */
}