:root {
    /* CSI institutional brand system */
    --color-brand: #CD352C;
    --color-brand-hover: #B92E27;
    --color-brand-strong: #A52722;
    --color-brand-dark: #2A0808;
    --color-brand-deep: #160304;
    --color-brand-soft: #F8E7E5;
    --color-brand-surface: #FFF5F4;
    --color-brand-border: rgba(205, 53, 44, 0.18);
    --color-brand-glow: rgba(205, 53, 44, 0.16);

    --color-surface: #FFFFFF;
    --color-surface-muted: #F7F5F4;
    --color-surface-warm: #FBF8F7;
    --color-text: #151313;
    --color-text-muted: #68615F;
    --color-text-soft: #8A817E;
    --color-text-on-brand: #FFFFFF;
    --color-border: rgba(21, 19, 19, 0.10);
    --color-border-strong: rgba(21, 19, 19, 0.16);
    --color-shadow: rgba(35, 12, 10, 0.10);
    --color-shadow-soft: rgba(35, 12, 10, 0.055);
    --focus-ring: rgba(205, 53, 44, 0.30);

    /* Backwards-compatible aliases */
    --color-primary: var(--color-brand);
    --color-secondary: var(--color-text);
    --color-white: #ffffff;
    --color-black: #050505;
    --color-muted: var(--color-text-muted);

    --container: 1160px;
    --container-wide: 1380px;
    --radius-sm: 6px;
    --radius-md: 10px;
    --radius-lg: 16px;
    --radius-pill: 999px;
    --ease-out: cubic-bezier(0.23, 1, 0.32, 1);
    --ease-standard: cubic-bezier(0.2, 0, 0, 1);
    --transition: 200ms var(--ease-out);
    --header-height: 76px;
    --font-base: system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
}