// Guochao Red & Gold Theme Variables
// Year of the Horse Edition - 马年国潮主题

// Primary colors - 丹砂红
$color-primary: #C21F30; // Dan-sha Red
$color-primary-light: #e8384f;
$color-primary-dark: #9a0e26;

// Gold colors - 香槟金
$color-gold: #F0C239; // Champagne Gold
$color-gold-light: #f5d76e;
$color-gold-dark: #d4a84b;

// Glassmorphism surfaces
$color-surface-glass: rgba(194, 31, 48, 0.85);
$color-surface-glass-light: rgba(194, 31, 48, 0.6);
$backdrop-blur: blur(12px);

// Background colors
$color-bg-primary: #fff5f5;
$color-bg-secondary: #fef8f0;
$color-bg-card: #ffffff;

// Text colors
$color-text-primary: #1a1a1a;
$color-text-secondary: #666666;
$color-text-muted: #999999;
$color-text-inverse: #ffffff;

// Status colors
$color-success: #52c41a;
$color-warning: #faad14;
$color-error: #ff4d4f;
$color-info: #1890ff;

// Border
$color-border: #f0f0f0;
$color-border-light: #f5f5f5;

// Shadows
$shadow-sm: 0 1px 2px rgba(0, 0, 0, 0.05);
$shadow-md: 0 4px 6px rgba(0, 0, 0, 0.07);
$shadow-lg: 0 10px 15px rgba(0, 0, 0, 0.1);
$shadow-gold: 0 4px 12px rgba(212, 168, 75, 0.3);

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

// Spacing
$spacing-xs: 4px;
$spacing-sm: 8px;
$spacing-md: 16px;
$spacing-lg: 24px;
$spacing-xl: 32px;

// Font sizes
$font-size-xs: 10px;
$font-size-sm: 12px;
$font-size-md: 14px;
$font-size-lg: 16px;
$font-size-xl: 18px;
$font-size-2xl: 20px;
$font-size-3xl: 24px;

// Z-index
$z-index-dropdown: 100;
$z-index-sticky: 200;
$z-index-fixed: 300;
$z-index-modal: 400;
$z-index-toast: 500;

// Transitions
$transition-fast: 0.15s ease;
$transition-normal: 0.3s ease;
$transition-slow: 0.5s ease;
