:root {
    --color-primary: #2f6fae;
    --color-primary-hover: #245f98;
    --color-primary-soft: #e5f2ff;
    --color-bg-ivory: #eff7ff;
    --color-surface: #ffffff;
    --color-surface-strong: #ffffff;
    --color-border: #d9e7f3;
    --color-border-strong: #bfd5e9;
    --color-text: #203348;
    --color-text-muted: #5f7082;
    --color-text-soft: #8a99a8;
    --shadow-card: 0 12px 24px rgba(32, 64, 101, 0.09), 0 2px 8px rgba(32, 64, 101, 0.05);
    --shadow-soft: 0 8px 18px rgba(32, 64, 101, 0.07);
    --radius-xxl: 20px;
    --radius-xl: 16px;
    --radius-lg: 16px;
    --radius-md: 12px;
    --radius-sm: 8px;
    --shell-width: 1840px;
}