:root {
    /* Wright blue scale from redesign_ui/mockup_login_revised.html and mockup_dashboard_revised.html */
    --wb-950: #001A33;
    --wb-900: #002647;
    --wb-850: #00325E;
    --wb-800: #003D75;
    --wb-700: #00508F;
    --wb-600: #0070C0;
    --wb-500: #1A85D4;
    --wb-400: #4DA3E8;
    --wb-300: #80BFF0;
    --wb-200: #B3D9F7;
    --wb-100: #DCEEFB;
    --wb-50: #EFF7FE;

    /* Gold accent scale from the mockups */
    --gold-600: #B8972E;
    --gold-500: #D4AF37;
    --gold-400: #E5C45C;
    --gold-300: #F0D87E;

    /* Neutral scale from the mockups */
    --white: #FFFFFF;
    --gray-50: #F7F9FB;
    --gray-100: #EEF2F6;
    --gray-200: #E1E7EE;
    --gray-300: #CED6DF;
    --gray-400: #A3B1C0;
    --gray-500: #7A8A9B;
    --gray-600: #576878;
    --gray-700: #3D4F5F;
    --gray-800: #283845;

    /* Feedback colors used in the mockups */
    --green-600: #1B7A3D;
    --green-500: #28A745;
    --red-500: #DC3545;

    /* Typography tokens from redesign_ui/mockup_login_revised.html and mockup_dashboard_revised.html */
    --font-display: 'Playfair Display', Georgia, serif;
    --font-body: 'Inter', -apple-system, BlinkMacSystemFont, sans-serif;

    /* Shared shell geometry from the mockups */
    --radius-card: 12px;
    --radius-action-tile: 10px;
    --radius-input: 7px;
    --radius-button: 8px;
    --shell-header-height: 80px;
    --auth-panel-width: 420px;
    --dashboard-grid-left: 320px;
    --dashboard-grid-center: 1fr;
    --dashboard-grid-right: 360px;
}