:root {
  /* Paleta de Cores Oficiais da SETTA */
  --setta-navy: #00214D;
  --setta-yellow: #F7D417;
  --setta-white: #FEFEFE;
  --setta-pure-white: #FFFFFF;
  --setta-stroke-dark: #2B2A29;

  /* Tons dinâmicos para a caneta azul de rabisco (compatíveis com a identidade) */
  --pen-blue-deep: #00214D;
  --pen-blue-vibrant: #0A3D80;
  --pen-blue-ink: #1052A5;
  --pen-blue-light: #2A72D4;

  /* Luz e Efeitos */
  --glow-yellow: rgba(247, 212, 23, 0.45);
  --glow-blue: rgba(0, 33, 77, 0.35);

  /* Tipografia Autoral e Geométrica */
  --font-primary: 'Space Grotesk', -apple-system, BlinkMacSystemFont, sans-serif;
  --font-headline: 'Syne', 'Space Grotesk', sans-serif;

  /* Easings Cinemáticos */
  --ease-cinematic: cubic-bezier(0.25, 1, 0.5, 1);
  --ease-in-out-smooth: cubic-bezier(0.65, 0, 0.35, 1);
  --ease-pen: cubic-bezier(0.34, 1.56, 0.64, 1);
  --ease-power2-out: cubic-bezier(0.22, 1, 0.36, 1);

  /* Dimensões */
  --logo-max-width: min(76vw, 68vh, 540px);
  --logo-aspect-ratio: 8767 / 8475;

  /* Header Provisório (Destino da Logo) */
  --header-height-desktop: 80px;
  --header-height-mobile: 68px;
  --header-slot-height-desktop: 44px;
  --header-slot-height-mobile: 36px;
  --s-aspect-ratio: 79 / 78;
  --etta-aspect-ratio: 149 / 59;

  /* Safe Areas (iOS Safari Notch, Dynamic Island, Home Indicator e Android) */
  --safe-area-top: env(safe-area-inset-top, 0px);
  --safe-area-bottom: env(safe-area-inset-bottom, 0px);
  --safe-area-left: env(safe-area-inset-left, 0px);
  --safe-area-right: env(safe-area-inset-right, 0px);
}

*, *::before, *::after {
  box-sizing: border-box;
  margin: 0;
  padding: 0;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

html, body {
  width: 100%;
  max-width: 100%;
  min-height: 100%;
  overflow-x: clip;
  overflow-y: auto;
  background-color: var(--setta-pure-white);
  color: var(--setta-navy);
  font-family: var(--font-primary);
  user-select: none;
  -webkit-text-size-adjust: 100%;
}

/* Suporte e Estabilidade para o Lenis Smooth Scroll */
html.lenis, html.lenis body {
  height: auto;
}

.lenis.lenis-smooth {
  scroll-behavior: auto !important;
}

.lenis.lenis-smooth [data-lenis-prevent] {
  overscroll-behavior: contain;
}

.lenis.lenis-stopped {
  overflow: clip;
}

.lenis.lenis-smooth iframe {
  pointer-events: none;
}