/* ============================================
   TOURISTRIO — Design Tokens
   Cores extraídas da logo oficial:
   - Navy escuro (fundo)
   - Laranja sunset (montanhas)
   - Amarelo dourado (sol)
   - Azul oceano (ondas)
   ============================================ */

:root {
  /* === CORES PRIMÁRIAS (da logo) === */
  --navy-900: #0B1628;
  --navy-800: #0F1D33;
  --navy-700: #152744;
  --navy-600: #1B3155;
  --navy-500: #243D66;
  --navy-400: #3A5A8A;
  --navy-300: #5A7AAA;
  --navy-200: #8AA4C8;
  --navy-100: #C0D0E4;
  --navy-50:  #E8EEF5;

  /* Laranja Sunset (CTA principal) */
  --sunset-900: #7A2E00;
  --sunset-800: #993A00;
  --sunset-700: #B84800;
  --sunset-600: #D45A0A;
  --sunset-500: #E8720C;
  --sunset-400: #F08A2E;
  --sunset-300: #F5A55A;
  --sunset-200: #F9C48E;
  --sunset-100: #FCDFC0;
  --sunset-50:  #FEF2E8;

  /* Amarelo Dourado (destaques, badges) */
  --gold-600: #C49A1C;
  --gold-500: #E0B32A;
  --gold-400: #F5C842;
  --gold-300: #F8D96E;
  --gold-200: #FAEA9E;
  --gold-100: #FDF5CC;

  /* Azul Oceano (links, ícones, detalhes) */
  --ocean-700: #0E4A9E;
  --ocean-600: #1560C0;
  --ocean-500: #1E6AE1;
  --ocean-400: #4A8AEF;
  --ocean-300: #7AAAF5;
  --ocean-200: #A8C8FA;
  --ocean-100: #D4E4FD;
  --ocean-50:  #EBF2FE;

  /* Neutros */
  --white: #FFFFFF;
  --gray-50:  #F8F9FA;
  --gray-100: #F1F3F5;
  --gray-200: #E9ECEF;
  --gray-300: #DEE2E6;
  --gray-400: #CED4DA;
  --gray-500: #ADB5BD;
  --gray-600: #868E96;
  --gray-700: #495057;
  --gray-800: #343A40;
  --gray-900: #212529;

  /* Status */
  --success: #22C55E;
  --warning: #F59E0B;
  --error:   #EF4444;

  /* === ALIASES SEMÂNTICOS === */
  --color-primary:      var(--navy-800);
  --color-primary-dark:  var(--navy-900);
  --color-accent:       var(--sunset-500);
  --color-accent-hover: var(--sunset-600);
  --color-accent-light: var(--sunset-50);
  --color-secondary:    var(--ocean-500);
  --color-highlight:    var(--gold-400);
  --color-text:         var(--gray-800);
  --color-text-light:   var(--gray-600);
  --color-text-inverse: var(--white);
  --color-bg:           var(--white);
  --color-bg-alt:       var(--gray-50);
  --color-bg-dark:      var(--navy-900);
  --color-border:       var(--gray-200);

  /* === TIPOGRAFIA === */
  --font-display: 'Montserrat', -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif;
  --font-body:    'Nunito', -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif;
  --font-mono:    'JetBrains Mono', 'Fira Code', monospace;

  /* Escala tipográfica (major third 1.25) */
  --text-xs:   0.75rem;   /* 12px */
  --text-sm:   0.875rem;  /* 14px */
  --text-base: 1rem;      /* 16px */
  --text-md:   1.125rem;  /* 18px */
  --text-lg:   1.25rem;   /* 20px */
  --text-xl:   1.5rem;    /* 24px */
  --text-2xl:  1.875rem;  /* 30px */
  --text-3xl:  2.25rem;   /* 36px */
  --text-4xl:  3rem;      /* 48px */
  --text-5xl:  3.75rem;   /* 60px */
  --text-6xl:  4.5rem;    /* 72px */

  --leading-tight:  1.2;
  --leading-snug:   1.35;
  --leading-normal: 1.6;
  --leading-loose:  1.8;

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

  /* === ESPAÇAMENTO === */
  --space-1:  0.25rem;  /* 4px */
  --space-2:  0.5rem;   /* 8px */
  --space-3:  0.75rem;  /* 12px */
  --space-4:  1rem;     /* 16px */
  --space-5:  1.25rem;  /* 20px */
  --space-6:  1.5rem;   /* 24px */
  --space-8:  2rem;     /* 32px */
  --space-10: 2.5rem;   /* 40px */
  --space-12: 3rem;     /* 48px */
  --space-16: 4rem;     /* 64px */
  --space-20: 5rem;     /* 80px */
  --space-24: 6rem;     /* 96px */
  --space-32: 8rem;     /* 128px */

  /* === LAYOUT === */
  --container-sm:  640px;
  --container-md:  768px;
  --container-lg:  1024px;
  --container-xl:  1200px;
  --container-2xl: 1400px;

  --header-height: 200px;
  --header-height-scrolled: 160px;

  /* === BORDAS === */
  --radius-sm:   4px;
  --radius-md:   8px;
  --radius-lg:   12px;
  --radius-xl:   16px;
  --radius-2xl:  24px;
  --radius-pill:  9999px;

  /* === SOMBRAS === */
  --shadow-sm:    0 1px 2px rgba(11, 22, 40, 0.06);
  --shadow-md:    0 4px 12px rgba(11, 22, 40, 0.08);
  --shadow-lg:    0 8px 24px rgba(11, 22, 40, 0.12);
  --shadow-xl:    0 16px 48px rgba(11, 22, 40, 0.16);
  --shadow-glow:  0 0 30px rgba(232, 114, 12, 0.25);
  --shadow-card:  0 2px 8px rgba(11, 22, 40, 0.06), 0 8px 24px rgba(11, 22, 40, 0.08);

  /* === ANIMAÇÕES === */
  --ease-smooth:   cubic-bezier(0.4, 0, 0.2, 1);
  --ease-bounce:   cubic-bezier(0.34, 1.56, 0.64, 1);
  --ease-out:      cubic-bezier(0, 0, 0.2, 1);
  --duration-fast:  150ms;
  --duration-base:  250ms;
  --duration-slow:  400ms;
  --duration-slower: 600ms;

  /* === GRADIENTES === */
  --gradient-hero:    linear-gradient(135deg, var(--navy-900) 0%, var(--navy-700) 50%, var(--ocean-700) 100%);
  --gradient-sunset:  linear-gradient(135deg, var(--sunset-600) 0%, var(--sunset-400) 100%);
  --gradient-ocean:   linear-gradient(135deg, var(--ocean-600) 0%, var(--ocean-400) 100%);
  --gradient-gold:    linear-gradient(135deg, var(--gold-500) 0%, var(--sunset-400) 100%);
  --gradient-overlay: linear-gradient(180deg, rgba(11,22,40,0.7) 0%, rgba(11,22,40,0.4) 50%, rgba(11,22,40,0.8) 100%);

  /* === Z-INDEX === */
  --z-dropdown: 100;
  --z-sticky:   200;
  --z-fixed:    300;
  --z-modal:    400;
  --z-tooltip:  500;
  --z-toast:    600;
}