/* Design system "Deep Water" — Aquarama Orlando Resort.
   Tema escuro único. O gold da marca do Daniel sobre um azul-petróleo profundo;
   o turquesa da fotografia entra como superfície e filete, nunca como texto
   pequeno. Valores em HSL para poder compor com opacidade. */

:root {
  --radius: 0.5rem;
  --radius-sm: 0.25rem;
  --transition-luxury: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);
  --container: 1180px;
  --gutter: clamp(1.25rem, 4vw, 2.5rem);

  /* Escala de espaço. Uma só, para o ritmo da página não depender de
     números avulsos escolhidos regra a regra. */
  --space-1: 0.25rem;
  --space-2: 0.5rem;
  --space-3: 0.75rem;
  --space-4: 1rem;
  --space-5: 1.5rem;
  --space-6: 2rem;
  --space-7: 3rem;
  --space-8: 4rem;
  /* Aplicado nos dois lados da seção: o vão entre duas é o dobro, então este
     valor é metade do respiro que se quer ver entre blocos. */
  --space-section: clamp(2.5rem, 4vw, 3.75rem);

  /* Cor. A escala de profundidade vai do raso (surface) ao submerso (abyss),
     e é ela que codifica o grau de certeza de cada bloco. */
  --background: 205 45% 8%;
  --surface: 204 38% 12%;
  --surface-raised: 203 34% 16%;
  --abyss: 203 52% 5%;
  --scrim: 203 60% 3%;
  --foreground: 40 25% 94%;
  --muted-fg: 200 14% 74%;
  --submerged-fg: 199 12% 62%;
  --aqua: 186 55% 52%;
  --aqua-deep: 190 60% 26%;
  --gold: 43 74% 66%;
  --gold-dark: 43 74% 52%;
  --border: 204 25% 20%;
  --border-soft: 204 22% 16%;

  /* A linha d'água: separador de seção derivado do hero. */
  --waterline: linear-gradient(
    90deg,
    hsl(186 55% 52% / 0),
    hsl(186 55% 52% / 0.45) 20%,
    hsl(186 55% 52% / 0.45) 80%,
    hsl(186 55% 52% / 0)
  );
  --gradient-depth: linear-gradient(180deg, hsl(205 45% 8%), hsl(203 52% 5%));
  --shadow-card: 0 18px 44px -20px hsl(203 60% 3% / 0.7);
  --shadow-gold: 0 14px 34px -18px hsl(43 74% 50% / 0.45);

  /* Tipografia. Fraunces nos títulos: serifa de contraste alto que segura peso
     em fundo escuro, onde uma serifa fina desaparece. */
  --font-heading: 'Fraunces', Georgia, 'Times New Roman', serif;
  --font-body: 'Manrope', -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif;

  --step-display: clamp(2.75rem, 7vw, 5.25rem);
  --step-2: clamp(1.75rem, 3.6vw, 2.6rem);
  /* Título de bloco dentro de texto corrido: abre a seção sem disputar com o
     h1 da página. */
  --step-block: clamp(1.35rem, 2.4vw, 1.75rem);
  --step-1: clamp(1.15rem, 2vw, 1.4rem);
  --step-lead: clamp(1.05rem, 1.7vw, 1.2rem);
  --step-body: 17px;
  --step-small: 0.875rem;
  --step-micro: 0.78rem;
}