:root {
    /* Brand */
    --primary: #1B419C;
    --primary-dark: #0F2A5F;
    --primary-light: #2A5BC4;
    --accent: #B45309;

    /* Neutrals */
    --text-primary: #1E293B;
    --text-secondary: #475569;
    --text-muted: #64748B;
    --bg-page: #F8FAFC;
    --bg-surface: #FFFFFF;
    --border: #E2E8F0;
    --border-dark: #CBD5E1;

    /* Footer — brand blue surface */
    --footer-bg: var(--primary-dark);
    --footer-text: rgba(255, 255, 255, 0.78);
    --footer-heading: #FFFFFF;
    --footer-muted: rgba(255, 255, 255, 0.55);
    --footer-border: rgba(255, 255, 255, 0.14);
    --footer-link-hover: #FFFFFF;

    /* Typography — scaled for B2B readability (16–18px body) */
    --font: 'Noto Sans SC', sans-serif;
    --font-size-xs: 13px;
    --font-size-sm: 15px;
    --font-size-base: 17px;
    --font-size-md: 18px;
    --font-size-lg: 20px;
    --font-size-xl: 30px;
    --font-size-2xl: 40px;
    --font-size-3xl: 48px;
    --line-height-body: 1.65;
    --line-height-tight: 1.35;

    /* Spacing */
    --space-xs: 4px;
    --space-sm: 8px;
    --space-md: 24px;
    --space-lg: 24px;
    --space-xl: 32px;
    --space-2xl: 48px;
    --space-3xl: 64px;
    --space-4xl: 80px;

    /* Layout */
    --container-max: 1200px;
    --nav-height: 80px;

    /* Effects — minimal */
    --radius: 4px;
    --shadow-sm: 0 1px 2px rgba(15, 42, 95, 0.06);
    --shadow-md: 0 2px 8px rgba(15, 42, 95, 0.08);
    --transition: color 0.2s ease, background-color 0.2s ease, border-color 0.2s ease;
    --transition-interactive: color 0.2s ease-out, background-color 0.2s ease-out, border-color 0.2s ease-out, box-shadow 0.2s ease-out, transform 0.2s ease-out;
    --hover-overlay: rgba(15, 42, 95, 0.04);

    /* Legacy aliases for inline content styles */
    --color-dark: var(--text-primary);
    --color-medium: var(--text-secondary);
    --color-light: var(--text-muted);
    --color-lighter: var(--border-dark);
    --color-border: var(--border);
    --color-bg: var(--bg-page);
    --color-white: var(--bg-surface);
    --font-family: var(--font);
    --font-size-sm: var(--font-size-sm);
    --font-size-base: var(--font-size-base);
    --font-size-md: var(--font-size-md);
    --font-size-lg: var(--font-size-lg);
    --border-width: 1px;
    --border-radius: var(--radius);
}