/**
 * PARVATHI TRAVELS - LUXURY TRAVEL & TOURISM DESIGN TOKENS
 * Inspired directly by the Luxury Travel Reference:
 * - Regal Serif Typography: Cinzel (Display & Headings), Playfair Display (Editorial Quotes)
 * - Clean Modern Sans: Plus Jakarta Sans (Readable Body & Data)
 * - Atmospheric Palette: Champagne Gold (#D4AF37, #C59B27), Midnight Obsidian (#081322, #0C1A2D),
 *   Warm Sandstone / Pearl Ivory (#FAF6EE, #F4ECE1), and Gilded Metallic Trims.
 */

:root {
  /* --- The Luxury Core Color Palette --- */
  --color-midnight: #081322;         /* Deepest midnight obsidian for hero & dark luxury cards */
  --color-midnight-rich: #0c1a2d;    /* Atmospheric royal deep blue */
  --color-midnight-surface: #13243d; /* Elevated dark card container */
  --color-midnight-trans: rgba(8, 19, 34, 0.88);
  
  --color-gold: #c59b27;             /* Regal Champagne Gold */
  --color-gold-bright: #e5be58;      /* Luminous gold for highlights */
  --color-gold-dark: #9e7916;        /* Deep gold for active states & borders */
  --color-gold-light: #f7eed8;       /* Subtle golden cream for badge backgrounds */
  --color-gold-gradient: linear-gradient(135deg, #d4af37 0%, #c59b27 50%, #b38719 100%);
  --color-gold-gradient-hover: linear-gradient(135deg, #e5be58 0%, #d4af37 50%, #c59b27 100%);
  
  --color-sandstone: #faf6ee;        /* Warm luxury ivory/sandstone background */
  --color-sandstone-card: #ffffff;   /* Pure white cards on sandstone */
  --color-sandstone-soft: #f4eee2;   /* Alternating subtle sandstone section tone */
  --color-sandstone-dark: #ebe3d3;

  /* --- Surfaces & Backgrounds --- */
  --bg-body: var(--color-sandstone);
  --bg-white: #ffffff;
  --color-white: #ffffff;
  --bg-surface-soft: var(--color-sandstone-soft);
  --bg-surface-blue-tint: #edf4f9;
  --blue-surface-soft: #f8fafc;
  --bg-surface-card: #ffffff;
  --bg-navy-contrast: var(--color-midnight-rich);
  --bg-navy-dark: var(--color-midnight);
  --bg-navy-surface: var(--color-midnight-surface);

  /* --- Derived Theme Mappings --- */
  --blue-deep-navy: var(--color-midnight-rich);
  --blue-navy-dark: var(--color-midnight);
  --blue-royal: var(--color-midnight-rich);
  --blue-royal-hover: #162f52;
  --blue-medium: var(--color-gold);
  --blue-sky: #5B88B2;
  --blue-sky-bright: #8db5db;
  --blue-subtle: #d6e4f0;
  --blue-light-tint: #eaf1f7;

  /* --- Accents & Ratings --- */
  --accent-gold: #d4af37;
  --accent-gold-soft: #fbf5ea;

  /* --- Text & Typography Colors --- */
  --color-text-main: #1f242d;        /* Deep rich slate for body copy */
  --color-text-heading: var(--color-midnight); /* Midnight for bold headlines */
  --color-text-muted: #5a6472;       /* Balanced secondary information */
  --color-text-light: #8893a2;       /* Meta labels */
  --color-text-on-dark: #FAF6EE;     /* Warm ivory on dark sections */
  --color-text-muted-on-dark: #c4d0df;

  /* --- Borders & Outlines --- */
  --border-light: rgba(0, 0, 0, 0.07);
  --border-gold-subtle: rgba(197, 155, 39, 0.28);
  --border-gold-medium: rgba(197, 155, 39, 0.55);
  --border-blue-subtle: rgba(197, 155, 39, 0.22);
  --border-blue-medium: var(--color-gold);
  --border-dark-contrast: rgba(255, 255, 255, 0.14);

  /* --- Radius Standards (Sophisticated Architectural Curves) --- */
  --radius-xs: 3px;
  --radius-sm: 6px;
  --radius-md: 10px;
  --radius-lg: 14px;
  --radius-pill: 999px;

  /* --- Shadows & Elevation --- */
  --shadow-subtle: 0 2px 8px rgba(8, 19, 34, 0.04);
  --shadow-card: 0 8px 24px -4px rgba(8, 19, 34, 0.08);
  --shadow-hover: 0 16px 36px -6px rgba(8, 19, 34, 0.14);
  --shadow-gold: 0 8px 24px rgba(197, 155, 39, 0.28);
  --shadow-contrast: 0 14px 34px rgba(0, 0, 0, 0.55);

  /* --- Typography Families --- */
  --font-serif-display: 'Cinzel', 'Playfair Display', Georgia, serif;
  --font-serif-quote: 'Playfair Display', Georgia, serif;
  --font-display: 'Plus Jakarta Sans', -apple-system, BlinkMacSystemFont, sans-serif;
  --font-body: 'Plus Jakarta Sans', -apple-system, BlinkMacSystemFont, sans-serif;

  /* --- Transitions --- */
  --transition-fast: 160ms cubic-bezier(0.16, 1, 0.3, 1);
  --transition-normal: 280ms cubic-bezier(0.16, 1, 0.3, 1);
  --transition-smooth: 450ms cubic-bezier(0.16, 1, 0.3, 1);

  /* --- Layout & Spacing --- */
  --container-max-width: 1240px;
  --container-compact-width: 1040px;
  --nav-height: 82px;
}