/* =====================================================================
   DESIGN TOKENS — Indu Tour & Travels
   Mirrors the color constants defined in config/config.php.
   ===================================================================== */

:root {
  /* ---- Color: Premium Corporate Palette ---- */
  --color-primary: #0F4C81;        /* Royal Blue */
  --color-primary-dark: #083B66;   /* Navy Blue */
  --color-secondary: #FFC107;      /* Taxi Yellow */
  --color-accent: #FF6B00;         /* Orange (CTAs) */
  --color-success: #25D366;        /* WhatsApp Green */
  --color-danger: #D62828;         /* Red */

  --color-text: #222222;           /* Charcoal */
  --color-text-muted: #6B7280;     /* Gray */
  --color-bg: #FFFFFF;
  --color-bg-section: #F8FAFC;
  --color-border: #E5E7EB;

  /* Derived tints/shades for hover states & overlays */
  --color-primary-50: #EAF1F8;
  --color-primary-600: #0D4372;
  --color-accent-600: #E05F00;
  --color-navy-glass: rgba(8, 59, 102, 0.92);

  /* ---- Typography ---- */
  --font-display: 'Fraunces', Georgia, 'Times New Roman', serif;
  --font-body: 'Inter', -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif;

  --fs-hero: clamp(2.25rem, 4.2vw, 3.75rem);
  --fs-h2: clamp(1.75rem, 2.6vw, 2.5rem);
  --fs-h3: clamp(1.25rem, 1.6vw, 1.5rem);
  --fs-body: 1rem;
  --fs-small: 0.875rem;
  --fs-eyebrow: 0.8125rem;

  /* ---- Spacing scale ---- */
  --space-xs: 0.5rem;
  --space-sm: 1rem;
  --space-md: 1.5rem;
  --space-lg: 2.5rem;
  --space-xl: 4rem;
  --space-2xl: 6rem;

  /* ---- Shape ---- */
  --radius-sm: 8px;
  --radius-md: 14px;
  --radius-lg: 20px;
  --shadow-card: 0 4px 20px rgba(15, 76, 129, 0.08);
  --shadow-card-hover: 0 12px 32px rgba(15, 76, 129, 0.16);
  --shadow-header: 0 2px 16px rgba(0, 0, 0, 0.06);

  /* ---- Layout ---- */
  --header-height: 84px;
  --container-max: 1240px;
}

/* Respect reduced-motion preference site-wide */
@media (prefers-reduced-motion: reduce) {
  *, *::before, *::after {
    animation-duration: 0.001ms !important;
    animation-iteration-count: 1 !important;
    transition-duration: 0.001ms !important;
    scroll-behavior: auto !important;
  }
}