:root {
    /* Original names kept so nothing breaks */
    --color-primary: #17407A;
    --color-bg: #F4F8FD;
    --color-text: #1B2B4B;
    --sidebar-width: 220px;

    /* Brand (taken from the demo video) */
    --navy: #17407A;
    --navy-dark: #0F2F5C;
    --magenta: #C8105F;
    --magenta-dark: #A60D4F;

    /* Surfaces and lines */
    --surface: #FFFFFF;
    --border: #DCE6F2;
    --border-soft: #EAF0F8;
    --muted: #64748B;

    /* Soft tints (pastel cards, badges, hovers) */
    --soft-blue: #E6EFFB;
    --soft-pink: #FCE6EF;
    --soft-green: #E3F6EC;
    --soft-amber: #FFF3D4;

    --radius-sm: 10px;
    --radius-md: 14px;
    --radius-lg: 20px;
    --shadow-card: 0 6px 24px rgba(23, 64, 122, 0.07);
}