/* ============================================
   tokens.css — Design tokens RT Brasil Festas
   ============================================ */

:root {
  /* Paleta institucional (sobrescrita via Customizer) */
  --rt-azul: #003B66;
  --rt-azul-deep: #002A4A;
  --rt-azul-soft: #0A4D85;
  --rt-rosa: #E91E63;
  --rt-rosa-deep: #C2185B;
  --rt-amarelo: #FFC107;
  --rt-amarelo-deep: #F0A800;
  --rt-bege: #F5E9D6;
  --rt-bege-deep: #EBD9BC;
  --rt-marrom: #5A3E2B;
  --rt-kraft: #C9A878;
  --rt-cream: #FBF6EC;
  --rt-paper: #FCF8F0;
  --rt-whatsapp: #25D366;
  --rt-whatsapp-deep: #1FAF52;

  /* Ink */
  --rt-ink: #1A1410;
  --rt-ink-2: #463A2E;
  --rt-ink-3: #7A6A57;
  --rt-line: #E6D8BF;

  /* Type */
  --rt-sans: "Poppins", system-ui, -apple-system, "Segoe UI", sans-serif;
  --rt-display: "Poppins", system-ui, sans-serif;
  --rt-mono: "JetBrains Mono", ui-monospace, "SF Mono", Menlo, monospace;

  /* Spacing */
  --rt-pad: clamp(20px, 4vw, 64px);
  --rt-section-y: clamp(56px, 8vw, 112px);
  --rt-max: 1240px;

  /* Radii */
  --rt-r-sm: 8px;
  --rt-r-md: 14px;
  --rt-r-lg: 22px;
  --rt-r-xl: 32px;

  /* Shadows */
  --rt-shadow-sm: 0 1px 2px rgba(26, 20, 16, 0.06), 0 2px 6px rgba(26, 20, 16, 0.04);
  --rt-shadow-md: 0 8px 20px -8px rgba(0, 59, 102, 0.18), 0 2px 6px rgba(26, 20, 16, 0.06);
  --rt-shadow-lg: 0 30px 60px -25px rgba(0, 59, 102, 0.30), 0 10px 20px -10px rgba(26, 20, 16, 0.10);
}