:root {
    --color-primary: #043775;
    --color-primary-dark: #032f69;
    --color-primary-light: #e7edf5;
    --color-accent: #ff6034;
    --color-accent-hover: #e2501f;
    --color-bg: #f4f6fa;
    --color-surface: #ffffff;
    --color-surface-alt: #f0f3f8;
    --color-border: #e2e7ef;
    --color-text: #1c2530;
    --color-text-muted: #647084;
    --color-success: #1aaf94;
    --color-success-bg: #e4f8f4;
    --color-warning: #b7791f;
    --color-warning-bg: #fff6df;
    --color-danger: #d9362b;
    --color-danger-bg: #fdeceb;
    --color-info: #2f7dab;
    --color-info-bg: #e7f2f9;
    --shadow-sm: 0 1px 2px rgba(4, 55, 117, 0.06);
    --shadow-md: 0 4px 16px rgba(4, 55, 117, 0.1);
    --radius: 10px;
}