/* ============================================
   VIMANIA DESIGN SYSTEM V5 — Light Theme
   Single source of truth for all pages.
   Navy nav + warm white body + deeper orange.
   ============================================ */
:root {
  /* ——— TYPOGRAPHY ——— */
  --font-display: 'Plus Jakarta Sans', system-ui, sans-serif;
  --font-body: 'Plus Jakarta Sans', system-ui, sans-serif;
  --font-mono: 'SF Mono', 'Cascadia Code', 'Consolas', monospace;

  /* Type Scale (Major Third — 1.25) */
  --text-xs:    0.75rem;
  --text-sm:    0.875rem;
  --text-base:  1rem;
  --text-lg:    1.125rem;
  --text-xl:    1.25rem;
  --text-2xl:   1.5rem;
  --text-3xl:   2rem;
  --text-4xl:   2.5rem;
  --text-5xl:   3.25rem;

  --leading-tight:   1.15;
  --leading-normal:  1.5;
  --leading-relaxed: 1.65;

  --tracking-tight:  -0.025em;
  --tracking-normal: 0;
  --tracking-wide:   0.05em;
  --tracking-wider:  0.1em;

  /* ——— PALETTE: BACKGROUNDS ——— */
  --bg-base:      #F5F3EF;   /* warm off-white body */
  --bg-surface:   #FFFFFF;   /* cards, elevated elements */
  --bg-elevated:  #FFFFFF;   /* modals, dropdowns */
  --bg-overlay:   rgba(0, 0, 0, 0.5);  /* modal backdrop */
  --bg-navy:      #0C1B33;   /* nav, hero */
  --bg-navy-light:#162D50;   /* hero gradient end */

  /* Glass surfaces (nav scroll state) */
  --glass-bg:     rgba(12, 27, 51, 0.95);
  --glass-heavy:  rgba(12, 27, 51, 0.98);
  --glass-blur:   12px;

  /* ——— PALETTE: BORDERS ——— */
  --border-subtle:  #F0EDE8;
  --border-default: #E8E5E0;
  --border-strong:  #D6D3CE;
  --border-accent:  #EA580C;  /* focus states */

  /* ——— PALETTE: TEXT ——— */
  --text-primary:   #1C1917;  /* stone 900, near black warm */
  --text-secondary: #57534E;  /* stone 600 */
  --text-muted:     #A8A29E;  /* stone 400 */
  --text-faint:     #D6D3CE;  /* stone 300 */
  --text-on-navy:   #FFFFFF;
  --text-on-navy-muted: rgba(255, 255, 255, 0.7);

  /* ——— PALETTE: ACCENT (Orange — deeper) ——— */
  --accent-50:  #FFF7ED;
  --accent-100: #FFEDD5;
  --accent-200: #FED7AA;
  --accent-400: #FB923C;
  --accent:     #EA580C;   /* primary orange, deeper than V4 #f97316 */
  --accent-600: #C2410C;
  --accent-700: #9A3412;
  --accent-glow: rgba(234, 88, 12, 0.15);
  --accent-soft: #FFF7ED;  /* solid bg instead of rgba for light theme */

  /* ——— PALETTE: SEMANTIC ——— */
  --success:      #16A34A;
  --success-soft: #F0FDF4;
  --success-glow: rgba(22, 163, 74, 0.15);

  --danger:       #DC2626;
  --danger-soft:  #FEF2F2;
  --danger-glow:  rgba(220, 38, 38, 0.15);

  --warning:      #CA8A04;
  --warning-soft: #FFFBEB;

  --info:         #0369A1;
  --info-soft:    #F0F9FF;

  --verified:     #0891B2;
  --verified-soft:#ECFEFF;

  /* ——— SCORE TIERS ——— */
  --score-exceptional:     #16A34A;
  --score-exceptional-bg:  #F0FDF4;
  --score-great:           #EA580C;
  --score-great-bg:        #FFF7ED;
  --score-good:            #CA8A04;
  --score-good-bg:         #FFFBEB;
  --score-fair:            #78716C;
  --score-fair-bg:         #F5F5F4;

  /* ——— PALETTE: GRADIENTS ——— */
  --gradient-hero:    linear-gradient(135deg, #0C1B33 0%, #162D50 50%, #0C1B33 100%);
  --gradient-accent:  linear-gradient(135deg, #EA580C 0%, #C2410C 100%);
  --gradient-danger:  linear-gradient(135deg, #DC2626 0%, #B91C1C 100%);
  --gradient-price:   linear-gradient(135deg, #16A34A 0%, #15803D 100%);
  --gradient-surface: linear-gradient(180deg, #F5F3EF 0%, #FFFFFF 100%);

  /* ——— SPACING (4px base) ——— */
  --space-0:  0;
  --space-1:  0.25rem;
  --space-2:  0.5rem;
  --space-3:  0.75rem;
  --space-4:  1rem;
  --space-5:  1.25rem;
  --space-6:  1.5rem;
  --space-8:  2rem;
  --space-10: 2.5rem;
  --space-12: 3rem;
  --space-16: 4rem;
  --space-20: 5rem;

  /* ——— BORDER RADIUS ——— */
  --radius-xs:   4px;
  --radius-sm:   6px;
  --radius-md:   8px;
  --radius-lg:   12px;
  --radius-xl:   16px;
  --radius-2xl:  24px;
  --radius-full: 9999px;

  /* ——— SHADOWS (light-optimized) ——— */
  --shadow-sm:         0 1px 2px rgba(0, 0, 0, 0.05);
  --shadow-md:         0 4px 12px rgba(0, 0, 0, 0.08);
  --shadow-lg:         0 12px 32px rgba(0, 0, 0, 0.10);
  --shadow-xl:         0 20px 40px rgba(0, 0, 0, 0.12);
  --shadow-card:       0 1px 3px rgba(0, 0, 0, 0.06), 0 1px 2px rgba(0, 0, 0, 0.04);
  --shadow-card-hover: 0 10px 25px rgba(0, 0, 0, 0.10);
  --shadow-glow:       0 0 24px var(--accent-glow);

  /* ——— TRANSITIONS ——— */
  --ease-out:    cubic-bezier(0.16, 1, 0.3, 1);
  --ease-in:     cubic-bezier(0.55, 0, 1, 0.45);
  --ease-bounce: cubic-bezier(0.34, 1.56, 0.64, 1);
  --duration-fast: 150ms;
  --duration-base: 250ms;
  --duration-slow: 400ms;

  /* ——— LAYOUT ——— */
  --container-max: 1400px;
  --header-height: 64px;

  /* ——— LEGACY COMPAT (bridge old variable names) ——— */
  --bg-primary: var(--bg-base);
  --bg-secondary: var(--bg-surface);
  --bg-card: var(--bg-surface);
  --border: var(--border-default);
  --border-hover: var(--border-strong);
  --hot: var(--danger);
  --hot-glow: var(--danger-glow);
  --gradient-hot: var(--gradient-danger);
  --gradient-card: var(--gradient-surface);
}