:root {
  color-scheme: only light;
  --p-rosa-campo: #E0A2A3;      
  --p-rosa-claro: #E8B8B9;      
  --p-rosa-empocado: #C98587;   
  --p-papel: #FCEDEC;           
  --p-papel-claro: #FFF7F6;     
  --p-nanquim: #1D1D1E;         
  --p-tinta-sob: #5B4B4C;       
  --p-tinta-lote: #553D3E;      
  --p-grafite: #636466;         
  --p-vermelho-fundo: #A92321;  
  --p-vermelho-acao: #DD0011;   
  --p-rosa-ponto: #CF9697;      
  --p-tinta-media: #4E4041;     
}

:root {
  --margem: 16px;               
  --cor-fundo: var(--p-papel);
  --cor-aguada: var(--p-rosa-claro);
  --cor-lote: var(--p-rosa-campo);
  --cor-texto: var(--p-nanquim);
  --cor-texto-2: var(--p-tinta-media);
  --cor-traco: var(--p-nanquim);
  --cor-estacao: var(--p-vermelho-fundo);
  --cor-acao: var(--p-vermelho-acao);
  --cor-acao-texto: var(--p-papel-claro);
  --cor-leitura: var(--p-nanquim); 
  
  --cor-anel: rgb(29 29 30 / .7);
  --cor-selecao: var(--p-rosa-campo);

  
  --e-1: 4px; --e-2: 8px; --e-3: 12px; --e-4: 16px; --e-5: 20px; --e-6: 24px;
  --e-8: 32px; --e-10: 40px; --e-12: 48px; --e-16: 64px; --e-20: 80px; --e-24: 96px;
  
  --r-sm: 4px; --r-md: 8px; --r-lg: 12px; --r-xl: 16px; --r-pill: 100px; --r-full: 9999px;
  
  --s-sm: 0 1px 2px rgb(124 58 62 / .12);
  --s-md: 0 8px 24px -12px rgb(124 58 62 / .28);
  --s-lg: 0 24px 56px -28px rgb(124 58 62 / .36);

  
  --fonte: 'Commissioner', system-ui, sans-serif;
  --flar-titulo: 100;
  --peso-titulo: 440;
  --peso-corpo: 400;
  --peso-acao: 520;

  
  --luz-px-por-metro: 2.5;

  
  --curva: cubic-bezier(.65, 0, .35, 1);
  --dur-ui: 220ms;

  
  --z-cena: 1;
  --z-secao: 2;
  --z-acao: 55;
  --z-menu: 65;
  --z-nav: 70;
}

*, *::before, *::after { box-sizing: border-box; }
html, body { margin: 0; }
html { overflow-x: clip; -webkit-text-size-adjust: 100%; text-size-adjust: 100%; }
body {
  background: var(--cor-fundo);
  color: var(--cor-texto);
  font-family: var(--fonte);
  font-weight: var(--peso-corpo);
  font-synthesis: none;
  -webkit-font-smoothing: antialiased;
  overflow-x: clip;
  -webkit-tap-highlight-color: transparent;
}
img, svg { display: block; }

main { position: relative; overflow: clip; min-height: calc(var(--hero-h, 100svh) + 100svh); }
h1, h2, h3, p, ol, ul { margin: 0; }
ol, ul { padding: 0; list-style: none; }
button { font: inherit; color: inherit; }
a { color: inherit; }

html.lenis, html.lenis body { height: auto; }
.lenis.lenis-smooth { scroll-behavior: auto !important; }
.lenis.lenis-stopped { overflow: hidden; }

::selection { background: var(--cor-selecao); color: var(--cor-texto); }
:focus-visible { outline: 3px solid var(--cor-anel); outline-offset: 3px; border-radius: var(--r-sm); }

.sr-only { position: absolute !important; width: 1px; height: 1px; overflow: hidden; clip: rect(0 0 0 0); clip-path: inset(50%); white-space: nowrap; }
.nowrap { white-space: nowrap; }

p { text-wrap: pretty; }
h1, h2, h3 { text-wrap: balance; }

@media (prefers-reduced-motion: reduce) {
  *, *::before, *::after { transition-duration: .01ms !important; animation-duration: .01ms !important; }
}