/* Ótica Simotica — azul-marinho e amarelo (do logo: #2c2a7f e #f8e121) */
:root {
  /* O "escuro" do template vira o marinho do logo, um pouco mais fechado */
  --dark: #17165a;
  --dark-2: #1b1a63;
  --dark-3: #24236f;
  --dark-4: #2e2d7d;

  --accent: #f8e121;
  --accent-light: #fbeb72;
  --accent-em: #f8e121;
  --accent-strong: #2c2a7f;   /* amarelo não tem contraste no branco: no claro o destaque é o marinho */
  --accent-grad: linear-gradient(135deg, #f5d50f 0%, #fff07a 48%, #f5d50f 100%);
  --on-accent: #17165a;

  --light: #faf8ef;
  --light-2: #f3efd9;

  --text: #16153d;
  --text-soft: #3d3c63;
  --muted: #5f5e80;
  --muted-light: #b3b3da;
  --on-dark-soft: #d9d9f2;
  --on-dark-faint: #9898cc;
  --line: rgba(23, 22, 90, 0.12);

  --serif: "EB Garamond", "Garamond", "Times New Roman", serif;
  --sans: "DM Sans", system-ui, -apple-system, "Segoe UI", sans-serif;

  --hero-bg: radial-gradient(120% 80% at 80% 0%, #2c2a7f 0%, var(--dark) 60%);
  --hero-glow: rgba(248, 225, 33, 0.16);
  --receita-bg: radial-gradient(90% 120% at 0% 100%, #2c2a7f, var(--dark-2) 60%);

  --stars-on-light: #e2b500;
  --map-filter: grayscale(1) invert(.9) sepia(1) hue-rotate(195deg) saturate(2.2) brightness(.85) contrast(1.05);

  --logo-h: 46px;
  --logo-h-lg: 56px;
  --logo-footer-h: 110px;
  --logo-sheet-h: 42px;
}