/* ============================================================
   Aahi Referral - Premium Dark Theme Tokens
   Matches visual design of Aahi Tours Reward Portal
   ============================================================ */
:root {
    /* Backgrounds and Surfaces */
    --bg-primary: #0a0e27;
    --bg-gradient-start: #0a0e27;
    --bg-gradient-end: #0d1230;
    --bg-surface: rgba(10, 14, 39, 0.85);
    --bg-surface-soft: rgba(20, 27, 61, 0.9);
    --bg-card: rgba(255, 255, 255, 0.06);
    --bg-input: rgba(255, 255, 255, 0.05);
    --bg-input-focus: rgba(255, 255, 255, 0.08);

    /* Text */
    --text-primary: #FFFFFF;
    --text-secondary: rgba(255, 255, 255, 0.85);
    --text-muted: rgba(255, 255, 255, 0.6);
    --text-faint: rgba(255, 255, 255, 0.35);

    /* Borders */
    --border-color: rgba(255, 255, 255, 0.1);
    --border-light: rgba(255, 255, 255, 0.08);

    /* Brand Accent Colors */
    --brand-primary: #D4AF37; /* Gold */
    --brand-secondary: #FFD700;
    --brand-accent: #E8C847;
    --brand-gradient: linear-gradient(135deg, #D4AF37 0%, #FFD700 50%, #E8C847 100%);

    /* Status Colors */
    --success: #10B981;
    --success-bg: rgba(16, 185, 129, 0.1);
    --warning: #F59E0B;
    --warning-bg: rgba(245, 158, 11, 0.1);
    --danger: #EF4444;
    --danger-bg: rgba(239, 68, 68, 0.1);
    --info: #0A6CFF;
    --info-bg: rgba(10, 108, 255, 0.1);

    /* Radius */
    --radius-sm: 8px;
    --radius-md: 12px;
    --radius-lg: 16px;
    --radius-xl: 20px;
    --radius-card: 28px;
    --radius-full: 9999px;

    /* Shadows */
    --shadow-sm: 0 2px 8px rgba(0, 0, 0, 0.2);
    --shadow-md: 0 4px 16px rgba(0, 0, 0, 0.3);
    --shadow-lg: 0 10px 30px rgba(0, 0, 0, 0.4);
    --shadow-card: 0 20px 60px rgba(0, 0, 0, 0.4);
    --shadow-glow: 0 0 20px rgba(212, 175, 55, 0.15);
}