:root {
    --color-primary: #0a1f3f;
    --color-primary-light: #132d56;
    --color-primary-dark: #060f20;
    --color-primary-soft: #1a3a6b;
    --color-accent: #b8944b;
    --color-accent-light: #d4b76e;
    --color-accent-dark: #8c6f35;
    --color-accent-shimmer: #e8d9a8;
    --color-accent-secondary: #8b7355;
    --color-accent-secondary-light: #a68b6a;
    --color-white: #ffffff;
    --color-off-white: #f8f7f4;
    --color-light-gray: #e8e6e1;
    --color-medium-gray: #9a9792;
    --color-dark-gray: #3d3a35;
    --color-text: #1a1a1a;
    --color-text-light: #5c5a56;
    --color-text-secondary: #5c5a56;
    --color-text-muted: #9a9792;
    --color-success: #2d6a4f;
    --color-border: #d4d1cb;

    --font-mono: 'JetBrains Mono', 'Fira Code', 'Courier New', monospace;

    --spacing-xs: 0.5rem;
    --spacing-sm: 1rem;
    --spacing-md: 1.5rem;
    --spacing-lg: 2.5rem;
    --spacing-xl: 4.5rem;
    --spacing-2xl: 7rem;

    --radius-sm: 4px;
    --radius-md: 8px;
    --radius-lg: 12px;
    --radius-xl: 20px;
    --radius-full: 999px;

    --shadow-sm: 0 1px 3px rgba(0,0,0,0.06), 0 1px 2px rgba(0,0,0,0.04);
    --shadow-md: 0 4px 16px rgba(0,0,0,0.08), 0 2px 4px rgba(0,0,0,0.04);
    --shadow-lg: 0 12px 40px rgba(0,0,0,0.12), 0 4px 12px rgba(0,0,0,0.06);
    --shadow-xl: 0 20px 60px rgba(0,0,0,0.18), 0 8px 20px rgba(0,0,0,0.08);
    --shadow-accent-glow: 0 8px 30px rgba(184,148,75,0.25);
    --shadow-primary-glow: 0 8px 30px rgba(10,31,63,0.2);
    --shadow-card-hover: 0 24px 60px rgba(0,0,0,0.12), 0 8px 20px rgba(0,0,0,0.06), 0 0 0 1px rgba(184,148,75,0.08);

    --transition-fast: 0.2s cubic-bezier(0.4,0,0.2,1);
    --transition-smooth: 0.35s cubic-bezier(0.4,0,0.2,1);
    --transition-bounce: 0.5s cubic-bezier(0.34,1.56,0.64,1);
    --transition-card: 0.4s cubic-bezier(0.25, 0.46, 0.45, 0.94);

    --gradient-accent: linear-gradient(135deg, var(--color-accent) 0%, var(--color-accent-light) 50%, var(--color-accent) 100%);
    --gradient-primary: linear-gradient(135deg, var(--color-primary) 0%, var(--color-primary-light) 50%, var(--color-primary) 100%);
    --gradient-gold-shimmer: linear-gradient(90deg, var(--color-accent-dark) 0%, var(--color-accent) 30%, var(--color-accent-shimmer) 50%, var(--color-accent) 70%, var(--color-accent-dark) 100%);

    --font-serif: 'Noto Serif SC', 'SimSun', 'Songti SC', serif;
    --font-sans: 'Inter', 'Noto Sans SC', 'Microsoft YaHei', 'Helvetica Neue', sans-serif;

    --z-base: 0;
    --z-sticky: 200;
    --z-fixed: 1000;
    --z-overlay: 2000;
    --z-modal: 3000;
    --z-toast: 4000;

    --container-max: 1200px;
    --container-narrow: 800px;
}