/* Fruta Norte — design tokens */
:root {
  /* Cores primárias */
  --color-purple: #5c2d6e;
  --color-purple-dark: #3d1a4a;
  --color-header-purple: #3f234f;
  --color-orange: #e8541a;
  --color-orange-hover: #c94210;
  --color-orange-soft: #ffb347;
  --color-cta-red: #c41e3a;
  --color-cta-mid: #f04e3e;
  --color-lime-wave: #8bc34a;

  /* Cores de apoio — ondas e decorações */
  --color-yellow: #f5c518;
  --color-yellow-light: #ffe066;
  --color-red-wave: #d94f2b;
  --color-magenta: #c0185a;

  /* Cores das Ondas (SVG Refactor) */
  --wave-color-1: #fcaf21;
  --wave-color-2: #eb1241;
  --wave-color-3: #913c8e;
  --wave-color-4: #faebc8;
  --wave-color-5: #cfdd3a;

  /* Neutros */
  --color-white: #ffffff;
  --color-bg: #f9f6f2;
  --color-text: #1a1a1a;
  --color-text-muted: #6b6b6b;
  --color-border: #e5ddd6;

  /* Tipografia */
  --font-display: "Pacifico", cursive;
  --font-hero-brush: "Permanent Marker", cursive;
  --font-body: "Nunito", sans-serif;

  /* Header CTA */
  --gradient-header-cta: linear-gradient(90deg,
      var(--color-cta-red) 0%,
      var(--color-cta-mid) 55%,
      var(--color-orange) 100%);

  /* Espaçamento */
  --space-1: 4px;
  --space-2: 8px;
  --space-3: 12px;
  --space-4: 16px;
  --space-6: 24px;
  --space-8: 32px;
  --space-12: 48px;
  --space-16: 64px;

  /* Raios */
  --radius-sm: 4px;
  --radius-md: 8px;
  --radius-lg: 16px;
  --radius-xl: 32px;
  --radius-full: 9999px;

  /* Sombras e transições */
  --shadow-sm: 0 2px 8px rgba(61, 26, 74, 0.12);
  --shadow-md: 0 8px 24px rgba(61, 26, 74, 0.18);
  --shadow-colored: 0 12px 32px rgba(232, 84, 26, 0.25);
  --transition-fast: 0.15s ease;
  --transition-base: 0.25s ease;

  /* Menu lateral (home) */
  --nav-drawer-gradient: linear-gradient(180deg, #eb4339 0%, #f48134 100%);

  /* Camadas */
  --z-nav: 100;
  --z-hero-controls: 115;
  --z-masthead-badge: 120;
  /* Ondas logo após o hero: acima do logo central que invade a transição */
  --z-section-divider-waves: 125;
  --z-overlay: 200;
  --z-modal: 300;

  /* Layout */
  --container-max: 1200px;
  --header-height: 102px;
  --masthead-badge-size: 13vw;
}