/* Tokens de design: mude cor/fonte/espaçamento aqui, não nos outros arquivos. */
:root {
  /* Cores de marca */
  --color-maroon: #6E1423;
  --color-maroon-dark: #5A0F1B;
  --color-maroon-darker: #57101c;
  --color-maroon-hover: #57101c;
  --color-orange: #E8641E;
  --color-orange-hover: #D1550F;
  --color-gold: #E8A24A;
  --color-brown-dark: #3A2317;
  --color-brown-darkest: #2B1810;

  /* Fundos */
  --bg-cream-light: #FBF3E5;
  --bg-cream: #FBECD6;
  --bg-cream-alt: #F5E7CE;
  --bg-card: #FFFBF3;
  --bg-lead-start: #7A1E2B;
  --bg-lead-end: #5A0F1B;
  --bg-photo-start: #C9500F;
  --bg-photo-end: #7A2A12;

  /* Texto */
  --text-body: #2B1A11;
  --text-heading: #3A2317;
  --text-muted: #5A4436;
  --text-muted-2: #6A5142;
  --text-soft: #8A6B58;
  --text-on-dark: #EAD3BC;
  --text-on-dark-soft: #C79B86;
  --text-on-dark-2: #D8C3B2;
  --text-footer-muted: #B49b89;
  --text-footer-bottom: #977f6e;
  --text-note: #9A7c6a;
  --link: #8A1B2C;

  /* Acentos funcionais */
  --kicker-rust: #B0563A;
  --chip-bg: #F3E4CC;
  --dot-unselected: #C7AE97;
  --success-green: #3E8E6E;

  /* Tipografia */
  --font-display: 'Fredoka', system-ui, sans-serif;
  --font-serif: 'DM Serif Display', Georgia, serif;
  --font-body: 'Mulish', system-ui, sans-serif;

  /* Raios e sombras */
  --radius-sm: 12px;
  --radius-md: 16px;
  --radius-lg: 20px;
  --radius-xl: 26px;
  --radius-pill: 999px;
  --shadow-card: 0 18px 34px -18px rgba(58, 35, 23, .4);
  --shadow-cta: 0 14px 30px -10px rgba(232, 100, 30, .7);
  --shadow-lead-card: 0 34px 70px -24px rgba(0, 0, 0, .55);

  /* Grade */
  --container-max: 1180px;
  --container-narrow-max: 820px;

  /* Breakpoints (referência, usados diretamente nas media queries) */
  --bp-tablet: 880px;
  --bp-mobile: 540px;
}