/**
 * 🎨 Default Theme - Variables
 * Based on original style.css
 */

:root {
    /* 🎨 Brand Colors */
    --color-primary: #D4AF37;
    --color-primary-rgb: 212, 175, 55;
    --color-secondary: #F8F9FA;
    --color-accent: #2C3E50;
    --color-success: #10B981;
    --color-danger: #EF4444;

    /* 🌑 Backgrounds */
    --bg-body: #FFFFFF;
    --bg-surface: #FFFFFF;
    --bg-dark: #1A1A1A;
    --bg-input: #FFFFFF;

    /* 🖋️ Typography */
    --font-ar: 'Cairo', sans-serif;
    --font-en: 'Outfit', sans-serif;
    --text-main: #2C3E50;
    --text-secondary: #6C757D;
    --text-muted: #A0A0A0;
    --text-inverse: #FFFFFF;

    /* 📐 Layout & Spacing */
    --radius-sm: 4px;
    --radius-md: 8px;
    --radius-lg: 20px;
    --radius-pill: 50px;

    /* 🌗 Borders & Shadows */
    --border-color: #E0E0E0;
    --shadow-soft: 0 2px 4px rgba(0, 0, 0, 0.05);
    --shadow-card: 0 10px 30px rgba(0, 0, 0, 0.1);
    --shadow-glass: 0 8px 24px rgba(0, 0, 0, 0.15);
    --glow-primary: 0 0 20px rgba(212, 175, 55, 0.2);

    /* 🌆 Gradients */
    --gradient-primary: linear-gradient(135deg, #D4AF37 0%, #B8941F 100%);
    --gradient-hero: linear-gradient(135deg, #1a1a1a 0%, #2c2c2c 100%);
    --gradient-card: linear-gradient(145deg, #ffffff, #f8f9fa);
}