/* Tokens da identidade Marcelle Guerra (direcao aprovada 2a). Unica fonte de cor, tipo e raio. */
@import url('https://fonts.googleapis.com/css2?family=Bodoni+Moda:ital,opsz,wght@0,6..96,400..700;1,6..96,400..700&family=Jost:wght@300..700&display=swap');
@import url('https://unpkg.com/lucide-static@0.460.0/font/lucide.css');

:root {
  /* neutros */
  --bg: #F7F5F0; --pn: #FFFFFF; --sk: #F1EDE4; --hv: rgba(51, 54, 42, .045);
  --ln: #EBE6DB; --lnS: #D9D1BF; --rw: 1px; --ob: #F4EEE2; --oi: #33362A;
  /* texto */
  --ink: #33362A; --mu: #5F6255; --fa: #74766A;
  /* marca: acao principal */
  --pr: #BFA277; --prH: #B0925F; --prP: #9F834F; --onP: #33362A;
  /* alerta: so urgencia, atraso e erro */
  --ac: #A4442A; --acH: #8C3A24; --acP: #73301D; --acS: #FBF1EC; --acT: #F1D6CB; --acI: #8C3A24; --onA: #FFFFFF;
  /* tipografia */
  --fh: 'Bodoni Moda', Georgia, serif; --fhw: 500; --hk: 1.1; --fb: 'Jost', system-ui, sans-serif;
  /* cantos */
  --r: 4px; --rc: 8px; --rb: 14px; --rt: 999px; --ra: 50%;
  /* sombras */
  --shadow-hover: 0 3px 10px rgba(45, 43, 43, .14);
  --shadow-pop: 0 12px 32px rgba(45, 43, 43, .22);
}

:focus-visible { outline: 2px solid var(--ink); outline-offset: 2px; }