/* ==========================================================================
   TravelNet v2 — Design Tokens
   ========================================================================== */

:root {
  /* Backgrounds */
  --v2-bg-hero: linear-gradient(135deg, #FFF8F5 0%, #F8F5FF 100%);
  --v2-bg-hero-alt: linear-gradient(135deg, #FFF0F8 0%, #F0F4FF 50%, #F5FFF8 100%);
  --v2-bg-dark: #0A0F1E;
  --v2-bg-dark-card: #131929;
  --v2-bg-surface: #F8FAFF;
  --v2-bg-white: #FFFFFF;

  /* Brand Colors */
  --v2-primary: #0A0A0A;
  --v2-accent: #00C896;
  --v2-accent-dark: #00A67E;
  --v2-accent-light: #E6FBF5;
  --v2-navy: #1B2B5E;
  --v2-navy-hover: #14205A;

  /* Decorative Gradients */
  --v2-grad-hero-blob: radial-gradient(ellipse 60% 50% at 70% 50%, rgba(200, 100, 255, 0.12) 0%, transparent 70%);
  --v2-grad-app-section: linear-gradient(135deg, #FFF0F8 0%, #F0EAFF 50%, #E8F8F4 100%);
  --v2-grad-dark-section: linear-gradient(180deg, #0A0F1E 0%, #12192E 100%);
  --v2-grad-accent: linear-gradient(135deg, #00C896 0%, #00A67E 100%);
  --v2-grad-navy: linear-gradient(135deg, #1B2B5E 0%, #0F1A3D 100%);

  /* Text */
  --v2-text: #0A0A0A;
  --v2-muted: #6B7280;
  --v2-muted-light: #9CA3AF;
  --v2-text-dark-muted: rgba(255,255,255,0.6);
  --v2-text-dark: #FFFFFF;

  /* Borders */
  --v2-border: #EBEBEB;
  --v2-border-dark: rgba(255,255,255,0.08);

  /* Shadows */
  --v2-shadow: 0 4px 24px rgba(0,0,0,0.06);
  --v2-shadow-md: 0 8px 32px rgba(0,0,0,0.08);
  --v2-shadow-lg: 0 16px 48px rgba(0,0,0,0.12);
  --v2-shadow-xl: 0 32px 64px rgba(0,0,0,0.18);
  --v2-shadow-accent: 0 8px 32px rgba(0,200,150,0.25);
  --v2-shadow-navy: 0 8px 32px rgba(27,43,94,0.30);

  /* Radius */
  --v2-radius-xs: 4px;
  --v2-radius-sm: 8px;
  --v2-radius: 16px;
  --v2-radius-lg: 24px;
  --v2-radius-xl: 32px;
  --v2-radius-full: 999px;

  /* Typography */
  --v2-font-display: 'Plus Jakarta Sans', 'DM Sans', sans-serif;
  --v2-font-body: 'Inter', 'DM Sans', sans-serif;

  /* Font sizes */
  --v2-text-xs: 0.75rem;
  --v2-text-sm: 0.875rem;
  --v2-text-base: 1rem;
  --v2-text-lg: 1.125rem;
  --v2-text-xl: 1.25rem;
  --v2-text-2xl: 1.5rem;
  --v2-text-3xl: 1.875rem;
  --v2-text-4xl: 2.25rem;
  --v2-text-5xl: 3rem;
  --v2-text-6xl: 3.75rem;
  --v2-text-7xl: 4.5rem;

  /* Spacing */
  --v2-space-xs: 4px;
  --v2-space-sm: 8px;
  --v2-space-md: 16px;
  --v2-space-lg: 24px;
  --v2-space-xl: 32px;
  --v2-space-2xl: 48px;
  --v2-space-3xl: 64px;
  --v2-space-4xl: 96px;
  --v2-space-5xl: 128px;

  /* Layout */
  --v2-container: 1200px;
  --v2-container-wide: 1400px;
  --v2-header-height: 72px;

  /* Transitions */
  --v2-transition: 0.2s ease;
  --v2-transition-md: 0.35s ease;
  --v2-transition-slow: 0.5s ease;

  /* Z-index */
  --v2-z-header: 100;
  --v2-z-modal: 200;
  --v2-z-tooltip: 300;
}

/* Dark mode tokens (future-ready) */
@media (prefers-color-scheme: dark) {
  :root {
    --v2-bg-white: #0A0F1E;
    --v2-bg-surface: #131929;
    --v2-border: rgba(255,255,255,0.08);
  }
}