:root {
    --color-navy-980: #122a38;
    --color-navy-940: #17394d;
    --color-navy-900: #21495f;
    --color-panel: #ffffff;
    --color-panel-soft: #f8fafb;
    --color-surface: #f4f7f8;
    --color-border: #d8e3e8;
    --color-border-strong: #c1d0d8;
    --color-text-950: #18303f;
    --color-text-700: #556f7d;
    --color-text-500: #8296a1;
    --color-accent: #67d66f;
    --color-accent-strong: #46bc51;
    --color-chip: rgba(121, 214, 124, 0.14);
    --shadow-lg: 0 20px 45px rgba(22, 50, 67, 0.12);
    --shadow-md: 0 10px 24px rgba(22, 50, 67, 0.07);
    --font-display: "DM Serif Display", Georgia, serif;
    --font-body: "Inter", Arial, sans-serif;
    --container: 1160px;
    --space-2xs: 0.375rem;
    --space-xs: 0.5rem;
    --space-sm: 0.75rem;
    --space-md: 1rem;
    --space-lg: 1.5rem;
    --space-xl: 2rem;
    --space-2xl: 2.75rem;
    --space-3xl: 4rem;
    --space-4xl: 5.5rem;
    --radius-sm: 0.7rem;
    --radius-md: 1rem;
    --radius-lg: 1.35rem;
    --radius-xl: 1.75rem;
    --transition: 220ms ease;
}