:root {
    --primary: #16C784;
    --primary-dark: #12A76A;
    --navy: #0A1633;
    --navy-secondary: #122B5A;
    --bg: #F7F9FC;
    --surface: #FFFFFF;
    --border: #E2E8F0;
    --text-primary: #0F172A;
    --text-secondary: #64748B;
    --success: #22C55E;
    --warning: #F59E0B;
    --error: #EF4444;
    --radius-lg: 22px;
    --radius-xl: 24px;
    --space-unit: 8px;
    --shadow-soft: 0 4px 24px rgba(10, 22, 51, 0.08);
    --shadow-card: 0 8px 32px rgba(10, 22, 51, 0.06);
    --green: var(--primary);
    --font: 'Inter', system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif;
}