:root {
    --color-primary: #0D2545;
    --color-primary-light: #1A3A6B;
    --color-accent: #C9A84C;
    --color-accent-light: #E8C97A;
    --color-surface: #F7F4EF;
    --color-surface-card: #FFFFFF;
    --color-text-primary: #1A1A2E;
    --color-text-secondary: #4A5568;
    --color-text-muted: #9CA3AF;
    --color-success: #0D6E4F;
    --color-danger: #C0392B;
    --color-warning: #D97706;
    --color-border: #E2D9CC;
    --color-surface-subtle: #f8fafc;
    --color-text: #1e293b;
    --sp-1: 0.25rem;
    --sp-2: 0.5rem;
    --sp-3: 0.75rem;
    --sp-4: 1rem;
    --sp-6: 1.5rem;
    --sp-8: 2rem;
    --sp-10: 2.5rem;
    --sp-12: 3rem;
    --sp-16: 4rem;
    --container-padding: 2rem;
}