/**
 * Taj Gold - Design System & Glassmorphism Variables
 * File: wp-content/themes/gold-theme/assets/css/variables.css
 */

:root {
    /* 1. Core Luxury Gold Palette */
    --taj-bg-creamy: #F6F1E9;
    --taj-gold-bright: #FFD93D;
    --taj-gold-amber: #FF9A00;
    --taj-brown-deep: #4F200D;
    --taj-brown-dark: #2c1005;

    /* 2. Neutral & Feedback Shades */
    --taj-white: #ffffff;
    --taj-offwhite: #FAF8F5;
    --taj-gray-border: #E8E2D8;
    --taj-gray-text: #666059;
    --taj-gray-light: #F2EFEB;
    --taj-success: #1e824c;
    --taj-danger: #d32f2f;
    --taj-warning: #e67e22;

    /* 3. Metallic Gold Gradients */
    --taj-grad-gold: linear-gradient(135deg, #FFD93D 0%, #FF9A00 100%);
    --taj-grad-metallic: linear-gradient(135deg, #FFF3B0 0%, #CA9E3C 50%, #875817 100%);
    --taj-grad-dark: linear-gradient(135deg, #4F200D 0%, #2c1005 100%);
    --taj-grad-soft-bg: linear-gradient(180deg, #F6F1E9 0%, #FAF8F5 100%);

    /* 4. Glassmorphism System */
    --taj-glass-bg: rgba(255, 255, 255, 0.75);
    --taj-glass-bg-hover: rgba(255, 255, 255, 0.9);
    --taj-glass-border: 1px solid rgba(255, 217, 61, 0.35);
    --taj-glass-blur: blur(14px);
    --taj-glass-shadow: 0 8px 32px 0 rgba(79, 32, 13, 0.06);
    --taj-glass-shadow-hover: 0 12px 40px 0 rgba(79, 32, 13, 0.12);

    /* 5. Typography */
    --taj-font-family: 'Vazirmatn', Tahoma, -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Helvetica, Arial, sans-serif;
    --taj-font-size-xs: 0.75rem;
    --taj-font-size-sm: 0.85rem;
    --taj-font-size-base: 0.95rem;
    --taj-font-size-lg: 1.15rem;
    --taj-font-size-xl: 1.4rem;
    --taj-font-size-xxl: 2rem;

    /* 6. Spacing & Radius */
    --taj-radius-sm: 6px;
    --taj-radius-md: 10px;
    --taj-radius-lg: 16px;
    --taj-radius-full: 9999px;
    --taj-container-width: 1220px;

    /* 7. Transitions */
    --taj-transition: all 0.25s ease-in-out;

    /* 8. Legacy short aliases used by header/hero/products/ticker stylesheets */
    --brown-deep: var(--taj-brown-deep);
    --brown-dark: var(--taj-brown-dark);
    --gold-accent: var(--taj-gold-amber);
    --gold-gradient: var(--taj-grad-gold);
    --gold-gradient-hover: linear-gradient(135deg, #FFE46B 0%, #FFA81F 100%);
    --glass-bg: var(--taj-glass-bg);
    --glass-blur: var(--taj-glass-blur);
    --glass-border: rgba(255, 217, 61, 0.35);   /* colour only: stylesheets add "1px solid" themselves */
    --glass-shadow: var(--taj-glass-shadow);
    --transition-smooth: var(--taj-transition);
}