:root {
    color-scheme: light;

    --color-primary: #2563eb;
    --color-primary-dark: #1d4ed8;
    --color-primary-soft: #dbeafe;

    --color-background: #ffffff;
    --color-surface: #f8fafc;
    --color-surface-raised: #ffffff;

    --color-text: #0f172a;
    --color-text-secondary: #334155;
    --color-text-muted: #64748b;
    --color-border: #e2e8f0;
    --color-border-strong: #cbd5e1;
    --color-white: #ffffff;

    --font-family-base:
        Inter,
        ui-sans-serif,
        system-ui,
        -apple-system,
        BlinkMacSystemFont,
        "Segoe UI",
        Roboto,
        "Helvetica Neue",
        Arial,
        sans-serif;

    --font-size-xs: 0.8125rem;
    --font-size-sm: 0.9375rem;
    --font-size-base: 1.0625rem;
    --font-size-lg: 1.125rem;
    --font-size-xl: 1.25rem;
    --font-size-2xl: 1.5rem;

    --line-height-tight: 1.2;
    --line-height-normal: 1.65;
    --line-height-relaxed: 1.8;

    --font-weight-regular: 400;
    --font-weight-medium: 500;
    --font-weight-semibold: 600;
    --font-weight-bold: 700;

    --container-max-width: 1160px;
    --header-height: 72px;
    --section-space: 5.25rem;

    --radius-sm: 6px;
    --radius-md: 10px;
    --radius-lg: 16px;
    --radius-full: 999px;

    --shadow-sm: 0 1px 3px rgba(20, 36, 58, 0.05);
    --shadow-md: 0 8px 24px rgba(20, 36, 58, 0.08);

    --transition-fast: 160ms ease;
    --transition-normal: 240ms ease;

    --z-header: 100;
    --z-menu: 200;
}