/**
 * DESTINATION HILL TRAVEL & TOURISM PVT. LTD.
 * Brand Identity & Design System Variables
 * Official Color Palette:
 * - Deep navy blue: #071B33
 * - Midnight blue: #0B2545
 * - Turquoise: #08BDD0
 * - Golden yellow: #FFC928
 * - Warm orange: #F49A24
 * - White: #FFFFFF
 * - Soft grey: #F3F6FA
 */

:root {
  /* Brand Core Palette */
  --color-navy-deep: #071B33;          /* Primary dark background for hero & luxury sections */
  --color-navy-midnight: #0B2545;      /* Secondary dark background for cards and panels */
  --color-navy-surface: #0F2E55;       /* Elevated dark card surface */
  --color-navy-light: #163B6B;         /* Borders and soft dividers in dark mode */
  
  --color-turquoise: #08BDD0;          /* Brand primary signature accent */
  --color-turquoise-hover: #07A4B5;    /* Interactive turquoise hover */
  --color-turquoise-light: #E0F8FB;    /* Soft turquoise tint for light badges */
  --color-turquoise-glow: rgba(8, 189, 208, 0.35);
  --color-turquoise-rgb: 8, 189, 208;

  --color-gold: #FFC928;               /* Golden yellow primary CTA & highlights */
  --color-gold-hover: #EBB61E;         /* Deep gold hover */
  --color-gold-light: #FFF8E1;         /* Warm gold tint for badges */
  --color-gold-glow: rgba(255, 201, 40, 0.4);
  --color-gold-rgb: 255, 201, 40;

  --color-orange: #F49A24;             /* Warm orange secondary accent & badges */
  --color-orange-hover: #DC8314;       /* Deep orange */
  --color-orange-light: #FFF2E0;       /* Soft orange tint */
  --color-orange-glow: rgba(244, 154, 36, 0.35);
  --color-orange-rgb: 244, 154, 36;

  --color-white: #FFFFFF;              /* Pure white */
  --color-soft-grey: #F3F6FA;          /* Soft grey for clean editorial light sections */
  --color-border-subtle: #E2E8F0;      /* Light mode card border */
  --color-border-dark: rgba(255, 255, 255, 0.12); /* Dark mode border */
  --color-border-turquoise: rgba(8, 189, 208, 0.3);
  --color-border-gold: rgba(255, 201, 40, 0.4);

  /* Typography Colors */
  --color-text-dark: #071B33;          /* Dark charcoal/navy text for light sections */
  --color-text-muted: #4A5568;         /* Subdued body text for light mode */
  --color-text-light: #FFFFFF;         /* Crisp white text for dark navy sections */
  --color-text-light-muted: #CBD5E1;   /* Soft slate text for dark navy sections */
  --color-text-turquoise: #08BDD0;
  --color-text-gold: #FFC928;
  --color-text-orange: #F49A24;

  /* Glassmorphism Tokens */
  --glass-navy: rgba(7, 27, 51, 0.82);
  --glass-navy-border: rgba(8, 189, 208, 0.25);
  --glass-light: rgba(255, 255, 255, 0.88);
  --glass-light-border: rgba(255, 255, 255, 0.4);
  --glass-blur: blur(16px);

  /* Shadows */
  --shadow-sm: 0 2px 10px rgba(7, 27, 51, 0.05);
  --shadow-md: 0 10px 30px rgba(7, 27, 51, 0.12);
  --shadow-lg: 0 20px 50px rgba(7, 27, 51, 0.25);
  --shadow-glow-turquoise: 0 8px 30px rgba(8, 189, 208, 0.3);
  --shadow-glow-gold: 0 8px 25px rgba(255, 201, 40, 0.4);
  --shadow-glow-orange: 0 8px 25px rgba(244, 154, 36, 0.35);

  /* Fonts */
  --font-serif: 'Playfair Display', Georgia, serif;
  --font-sans: 'Plus Jakarta Sans', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif;

  /* Layout */
  --container-max: 1240px;
  --container-wide: 1400px;
  --nav-height: 86px;
  --radius-sm: 6px;
  --radius-md: 12px;
  --radius-lg: 20px;
  --radius-xl: 30px;
  --radius-full: 9999px;

  /* Animation */
  --transition-fast: 0.2s cubic-bezier(0.16, 1, 0.3, 1);
  --transition-normal: 0.35s cubic-bezier(0.16, 1, 0.3, 1);
  --transition-slow: 0.6s cubic-bezier(0.16, 1, 0.3, 1);
}