/**
 * VENUEPOT PRIME by AP PRIYANSH SOLUTIONS
 * Design System & Brand Theme Variables
 * Source: https://appriyansh.com/
 * Default: DAY MODE (White + Light Blue + Golden)
 */

:root {
  /* Fonts */
  --font-heading: 'Plus Jakarta Sans', 'Outfit', -apple-system, BlinkMacSystemFont, sans-serif;
  --font-body: 'Plus Jakarta Sans', 'Poppins', -apple-system, BlinkMacSystemFont, sans-serif;
  --font-mono: 'Space Grotesk', monospace;

  /* Tasteful Gold Accents */
  --gold-primary: #C9A03F;
  --gold-accent: #DFB76C;
  --gold-bright: #FFD700;
  --gold-dark: #A07828;
  --gold-gradient: linear-gradient(135deg, #DFB76C 0%, #C9A03F 60%, #A07828 100%);
  --gold-glow: rgba(223, 183, 108, 0.35);

  /* Deep Luxury Navy & Blues */
  --navy-darker: #060D17;
  --navy-deep: #0B1F35;
  --navy-surface: #0E243D;
  --navy-card: rgba(11, 31, 53, 0.85);
  --navy-border: rgba(201, 160, 63, 0.25);

  /* Light Blue & Accent Colors */
  --blue-primary: #0284C7;
  --blue-light: #38BDF8;
  --blue-lighter: #E0F2FE;
  --blue-glow: rgba(56, 189, 248, 0.3);

  /* Status Colors */
  --color-success: #10B981;
  --color-warning: #F59E0B;
  --color-danger: #EF4444;
  --color-info: #38BDF8;

  /* Transitions */
  --transition-fast: 0.15s ease;
  --transition-normal: 0.3s cubic-bezier(0.16, 1, 0.3, 1);
  --transition-theme: background-color 0.35s ease, color 0.35s ease, border-color 0.35s ease, box-shadow 0.35s ease;

  /* Border radius */
  --radius-sm: 8px;
  --radius-md: 14px;
  --radius-lg: 20px;
  --radius-full: 9999px;
}

/* =========================================================
   DAY MODE (Light Theme - DEFAULT)
   Pure White + Light Blue + Golden Accents & Deep Navy
   ========================================================= */
body, body.day-mode, body:not(.night-mode) {
  --bg-page: #F8FAFC;
  --bg-surface: #FFFFFF;
  --bg-surface-elevated: #F0F7FF;
  --bg-card: rgba(255, 255, 255, 0.96);
  --bg-card-hover: #FFFFFF;
  --bg-glass: rgba(255, 255, 255, 0.94);
  --bg-input: #FFFFFF;

  --text-main: #0B1F35;
  --text-muted: #475569;
  --text-dim: #64748B;
  --text-gold: #A07828;

  --border-color: rgba(11, 31, 53, 0.12);
  --border-color-hover: rgba(201, 160, 63, 0.6);
  --border-subtle: rgba(11, 31, 53, 0.06);

  --card-shadow: 0 10px 30px -5px rgba(11, 31, 53, 0.08);
  --card-shadow-hover: 0 20px 45px -8px rgba(11, 31, 53, 0.15), 0 0 18px rgba(201, 160, 63, 0.15);
  --glow-shadow: 0 0 20px rgba(201, 160, 63, 0.15);

  --hero-overlay: radial-gradient(circle at 50% 25%, rgba(56, 189, 248, 0.08) 0%, rgba(248, 250, 252, 0.98) 80%);
  --badge-bg: rgba(201, 160, 63, 0.12);
  --badge-text: #8C6215;
}

/* =========================================================
   NIGHT MODE (Dark Theme - User Preference)
   Deep Dark Blue + Pure White + Gold & Light Blue Accents
   ========================================================= */
body.night-mode {
  --bg-page: #060D17;
  --bg-surface: #0B1F35;
  --bg-surface-elevated: #0E243D;
  --bg-card: rgba(11, 31, 53, 0.88);
  --bg-card-hover: rgba(14, 36, 61, 0.98);
  --bg-glass: rgba(6, 13, 23, 0.90);
  --bg-input: #071526;

  --text-main: #FFFFFF;
  --text-muted: #94A3B8;
  --text-dim: #64748B;
  --text-gold: #DFB76C;

  --border-color: rgba(201, 160, 63, 0.22);
  --border-color-hover: rgba(223, 183, 108, 0.6);
  --border-subtle: rgba(255, 255, 255, 0.08);

  --card-shadow: 0 16px 40px -10px rgba(0, 0, 0, 0.7);
  --card-shadow-hover: 0 24px 50px -10px rgba(0, 0, 0, 0.85), 0 0 20px rgba(201, 160, 63, 0.2);
  --glow-shadow: 0 0 25px rgba(223, 183, 108, 0.25);
  
  --hero-overlay: radial-gradient(circle at 50% 25%, rgba(14, 36, 61, 0.6) 0%, rgba(6, 13, 23, 0.98) 80%);
  --badge-bg: rgba(201, 160, 63, 0.15);
  --badge-text: #DFB76C;
}