:root {
    --primary: #1B4D8E;
    --primary-light: #2563EB;
    --primary-dark: #0F2D5A;
    --secondary: #2ECC71;
    --accent: #3498DB;
    --bg: #F8FAFE;
    --bg-white: #FFFFFF;
    --bg-soft: #F0F4FA;
    --text: #1A1A2E;
    --text-light: #6B7280;
    --text-muted: #9CA3AF;
    --border: #E5E7EB;
    --border-light: #F3F4F6;
    --success: #27AE60;
    --warning: #F39C12;
    --error: #E74C3C;
    --radius-sm: 8px;
    --radius: 12px;
    --radius-lg: 16px;
    --radius-xl: 24px;
    --shadow-xs: 0 1px 2px rgba(0,0,0,0.04);
    --shadow-sm: 0 1px 3px rgba(0,0,0,0.06);
    --shadow-md: 0 4px 16px rgba(0,0,0,0.08);
    --shadow-lg: 0 12px 40px rgba(0,0,0,0.1);
    --transition: 0.2s cubic-bezier(0.4, 0, 0.2, 1);
}