:root {
    --primary-color: #1a1a2e;
    --primary-light: #16213e;
    --primary-dark: #0f0f1a;
    --secondary-color: #e94560;
    --secondary-light: #ff7340;
    --accent-color: #0f3460;
    --dark-color: #0f1419;
    --dark-secondary: #1c2526;
    --light-gray: #f3f4f6;
    --lighter-gray: #fafbfc;
    --text-gray: #6b7280;
    --text-dark: #1a1a2e;
    --success-color: #10b981;
    --font-heading: 'DM Serif Display', Georgia, serif;
    --font-body: 'DM Sans', -apple-system, BlinkMacSystemFont, sans-serif;
    --border-radius: 10px;
    --border-radius-lg: 16px;
    --shadow-sm: 0 1px 2px rgba(0,0,0,0.04), 0 1px 1px rgba(0,0,0,0.03);
    --shadow: 0 2px 4px rgba(0,0,0,0.04), 0 4px 16px rgba(0,0,0,0.06);
    --shadow-lg: 0 4px 8px rgba(0,0,0,0.04), 0 12px 32px rgba(0,0,0,0.08), 0 24px 48px rgba(0,0,0,0.04);
    --shadow-xl: 0 8px 16px rgba(0,0,0,0.04), 0 20px 48px rgba(0,0,0,0.10), 0 40px 80px rgba(0,0,0,0.06);
    --transition: all 0.2s cubic-bezier(0.16, 1, 0.3, 1);
    --transition-slow: all 0.35s cubic-bezier(0.16, 1, 0.3, 1);
}