/* ==========================================================================
   Paraty Tours — Design Tokens
   Base compartilhada para os mockups e futuro tema WordPress.
   Cores extraídas do logo original (sol + mar).
   ========================================================================== */

:root {
  /* --- Brand core --- */
  --pt-sun:        #F2C019;  /* sol / dourado — acento primário, CTA */
  --pt-sun-deep:   #E0A800;  /* sol escurecido p/ hover */
  --pt-sun-pale:   #F7E59A;  /* rosto do sol / highlight suave */
  --pt-sea:        #00A0E0;  /* mar / cyan — secundário, links, água */
  --pt-sea-deep:   #0079AD;  /* mar profundo */
  --pt-navy:       #0A2E4D;  /* navy — base escura, texto forte */
  --pt-navy-700:   #123C61;
  --pt-coral:      #FF6B4A;  /* coral tropical — acento de destaque */
  --pt-sand:       #F7F1E3;  /* areia — fundo claro alternativo */
  --pt-foam:       #EAF7FC;  /* espuma — fundo cyan claríssimo */

  /* --- Neutros --- */
  --pt-ink:        #11202B;
  --pt-ink-soft:   #3D4F5C;
  --pt-mist:       #6B7C88;
  --pt-line:       #E2E0D6;
  --pt-white:      #FFFFFF;

  /* --- Tipografia (cada variação sobrescreve a display) --- */
  --pt-font-body:    "DM Sans", system-ui, sans-serif;
  --pt-font-display: "Fraunces", Georgia, serif;

  /* --- Escala & raios --- */
  --pt-radius-sm: 8px;
  --pt-radius:    16px;
  --pt-radius-lg: 28px;
  --pt-radius-pill: 999px;

  /* --- Sombras --- */
  --pt-shadow-sm: 0 2px 8px rgba(10, 46, 77, .08);
  --pt-shadow:    0 14px 40px -12px rgba(10, 46, 77, .25);
  --pt-shadow-lg: 0 30px 70px -20px rgba(10, 46, 77, .35);

  /* --- Layout --- */
  --pt-max:   1240px;
  --pt-gutter: clamp(18px, 4vw, 48px);

  /* --- Motion --- */
  --pt-ease: cubic-bezier(.2, .7, .2, 1);
}

* { box-sizing: border-box; }

.pt-sun-glyph { display: inline-block; }