@layer base {
    :root {
        --primary-50: #f0f7fb;
        --primary-100: #dceef6;
        --primary-200: #b8dff0;
        --primary-300: #85c8e5;
        --primary-500: #4d94bf;
        --primary-600: #00529B;
        --primary-700: #00417c;
        --primary-800: #00315d;
        --primary-900: #00203e;

        --gold-50: #fef9ee;
        --gold-400: #fbbf24;
        --gold-500: #e8a838;
        --gold-600: #c8952a;
        --gold-700: #a67c1e;

        --steel-50: #f8f9fa;
        --steel-100: #f1f3f5;
        --steel-200: #e9ecef;
        --steel-300: #dee2e6;
        --steel-400: #ced4da;
        --steel-500: #adb5bd;
        --steel-600: #6c757d;
        --steel-700: #495057;
        --steel-800: #343a40;
        --steel-900: #212529;

        --danger: #e53e3e;
        --success: #276749;
        --success-bg: #f0fff4;
        --success-border: #c6f6d5;

        --text: var(--steel-800);
        --text-light: var(--steel-600);
        --bg: #ffffff;
        --bg-alt: var(--steel-50);
        --border: var(--steel-200);

        --space-1: 4px;
        --space-2: 8px;
        --space-3: 12px;
        --space-4: 16px;
        --space-5: 20px;
        --space-6: 24px;
        --space-8: 32px;
        --space-10: 40px;
        --space-12: 48px;
        --space-16: 64px;
        --space-20: 80px;

        --font-sans: "PingFang SC", "Microsoft YaHei", "Noto Sans SC", -apple-system, BlinkMacSystemFont, "Helvetica Neue", Arial, sans-serif;
        --font-mono: "SF Mono", "Fira Code", "Consolas", monospace;
        --text-xs: 0.75rem;
        --text-sm: 0.875rem;
        --text-base: 1rem;
        --text-lg: 1.125rem;
        --text-xl: 1.25rem;
        --text-2xl: 1.5rem;
        --text-3xl: 1.875rem;
        --text-4xl: 2.25rem;
        --leading-tight: 1.25;
        --leading-normal: 1.5;
        --leading-relaxed: 1.7;
        --leading-loose: 1.9;
        --tracking-tight: -0.01em;
        --tracking-normal: 0;
        --tracking-wide: 0.02em;

        --radius-sm: 4px;
        --radius-md: 8px;
        --radius-lg: 12px;
        --radius-xl: 16px;
        --radius-full: 9999px;

        --shadow-sm: 0 1px 2px rgba(0,0,0,.05);
        --shadow-md: 0 4px 16px rgba(0,0,0,.08);
        --shadow-lg: 0 8px 32px rgba(0,0,0,.1);
        --shadow-xl: 0 16px 48px rgba(0,0,0,.12);

        --duration-fast: .15s;
        --duration-normal: .3s;
        --duration-slow: .5s;
        --ease-default: cubic-bezier(.4,0,.2,1);
        --ease-bounce: cubic-bezier(.68,-.55,.265,1.55);

        --transition: var(--duration-normal) var(--ease-default);
        --max-w: 1280px;
    }
}