:root {
    color-scheme: light;

    --color-primary-900: #102a43;
    --color-primary-800: #173f5f;
    --color-primary-700: #1d5275;
    --color-primary-100: #e9f2f8;

    --color-accent-700: #147a4b;
    --color-accent-600: #19965c;
    --color-accent-100: #e5f6ed;

    --color-warning-600: #c47b08;
    --color-danger-700: #a52834;
    --color-danger-100: #fbeaec;

    --color-white: #ffffff;
    --color-gray-50: #f7f9fb;
    --color-gray-100: #edf1f5;
    --color-gray-300: #cbd5df;
    --color-gray-500: #657786;
    --color-gray-700: #374957;
    --color-gray-900: #17232c;

    --font-family: Inter, system-ui, -apple-system, BlinkMacSystemFont,
    "Segoe UI", sans-serif;

    --radius-sm: 6px;
    --radius-md: 12px;
    --radius-lg: 18px;

    --shadow-sm: 0 2px 8px rgb(16 42 67 / 8%);
    --shadow-md: 0 12px 30px rgb(16 42 67 / 14%);

    --content-width: 1120px;
    --transition: 160ms ease;
}