/* Débora Carvalho · Tratamentos Capilares · tokens do design system
   Gerado por clientes/Beleza/Débora Carvalho/design-system/fonte/montar.py (não editar à mão).
   Fontes (Google Fonts, OFL): <link href="https://fonts.googleapis.com/css2?family=DM+Sans:opsz,wght@9..40,400..700&family=Josefin+Sans:wght@300;400&display=swap" rel="stylesheet">
   Tema claro é o padrão. Escuro: data-tema="escuro" (ou a classe .tema-escuro) no html ou num bloco.
   Regra da cliente: nada de rosa. O rosê é cobre (matiz 12 a 22 graus). */
:root{
  /* marca */
  --rose:#A26A56;
  --rose-escuro:#D2A08A;
  --rose-tinta:#8A5442;
  --rose-profundo:#8E5844;
  --cobre:#7A4535;
  --champanhe:#F3D5C3;
  --off-white:#F5EFE8;
  --nude:#E9DBCF;
  --nude-logo:#DCC3B1;
  --porcelana:#FFFCF9;
  --cafe:#3B2A23;
  --cafe-profundo:#221915;
  --preto:#111111;
  --grad-rose:linear-gradient(135deg,#7A4535 0%,#A0664F 32%,#C8957C 50%,#AA715B 68%,#7F4B3B 100%);
  --grad-rose-escuro:linear-gradient(135deg,#A26B57 0%,#D5A089 32%,#F3D5C3 50%,#D09A82 68%,#A87260 100%);
  /* base */
  --fonte-marca:'Josefin Sans','Century Gothic',Futura,sans-serif;
  --fonte-texto:'DM Sans',system-ui,-apple-system,'Segoe UI',Roboto,sans-serif;
  --espaco-1:4px;
  --espaco-2:8px;
  --espaco-3:12px;
  --espaco-4:16px;
  --espaco-5:20px;
  --espaco-6:24px;
  --espaco-8:32px;
  --espaco-10:40px;
  --espaco-12:48px;
  --espaco-16:64px;
  --espaco-24:96px;
  --raio-xs:6px;
  --raio-s:10px;
  --raio-m:14px;
  --raio-l:20px;
  --raio-xl:28px;
  --raio-pilula:999px;
  --sombra-pdf:0 0 0 1px rgba(59,42,35,.12);
  --ease:cubic-bezier(.16,1,.3,1);
  --ease-suave:cubic-bezier(.22,1,.36,1);
  --largura-texto:68ch;
  --largura-site:1180px;
  /* escala tipográfica */
  --fs-display:3.5rem;
  --fs-h1:2.5rem;
  --fs-h2:1.75rem;
  --fs-h3:1.4375rem;
  --fs-selo:.8125rem;
  --fs-lead:1.125rem;
  --fs-corpo:1rem;
  --fs-botao:.9375rem;
  --fs-preco:1.3125rem;
  --fs-legenda:.8125rem;
  --fs-tela:1.75rem;
  --fs-kpi:1.75rem;
  --fs-bloco:1rem;
  --fs-ui:.9375rem;
  --fs-rotulo:.8125rem;
  --fs-status:.75rem;
  /* tema claro (padrão) */
  --fundo:#F5EFE8;
  --fundo-2:#E9DBCF;
  --superficie:#FFFCF9;
  --texto:#3B2A23;
  --texto-suave:#6B5449;
  --destaque:#A26A56;
  --destaque-texto:#8A5442;
  --botao:#8E5844;
  --botao-texto:#FFFCF9;
  --botao-hover:#7A4535;
  --sucesso:#4D6B4A;
  --sucesso-fundo:#E4E9DD;
  --alerta:#85570F;
  --alerta-fundo:#F3E6CF;
  --erro:#A0402A;
  --erro-fundo:#F3E2D6;
  --info:#4E6670;
  --info-fundo:#E3E8E8;
  --borda:rgba(59,42,35,.12);
  --borda-forte:rgba(59,42,35,.24);
  --destaque-suave:rgba(162,106,86,.12);
  --sombra-1:0 1px 2px rgba(59,42,35,.05),0 6px 18px -10px rgba(59,42,35,.18);
  --sombra-2:0 1px 2px rgba(59,42,35,.05),0 20px 44px -24px rgba(59,42,35,.32);
  --sombra-3:0 2px 4px rgba(59,42,35,.05),0 34px 70px -34px rgba(59,42,35,.42);
  --progresso:linear-gradient(90deg,#7A4535,#C8957C 55%,#A26A56);
  color-scheme:light;
}
[data-tema="escuro"],.tema-escuro{
  --fundo:#221915;
  --fundo-2:#2D211C;
  --superficie:#33261F;
  --texto:#F5EFE8;
  --texto-suave:#B9A497;
  --destaque:#D2A08A;
  --destaque-texto:#D2A08A;
  --botao:#D2A08A;
  --botao-texto:#221915;
  --botao-hover:#E3B49D;
  --sucesso:#A3C09A;
  --sucesso-fundo:#2C3327;
  --alerta:#E2B36A;
  --alerta-fundo:#3A2C18;
  --erro:#EB9472;
  --erro-fundo:#3D231A;
  --info:#A7BCC4;
  --info-fundo:#262B2B;
  --borda:rgba(245,239,232,.10);
  --borda-forte:rgba(245,239,232,.20);
  --destaque-suave:rgba(210,160,138,.14);
  --sombra-1:0 1px 2px rgba(0,0,0,.3),0 8px 22px -12px rgba(0,0,0,.55);
  --sombra-2:0 1px 2px rgba(0,0,0,.3),0 22px 48px -24px rgba(0,0,0,.7);
  --sombra-3:0 2px 4px rgba(0,0,0,.3),0 36px 80px -34px rgba(0,0,0,.8);
  --progresso:linear-gradient(90deg,#A26B57,#F3D5C3 55%,#D2A08A);
  color-scheme:dark;
}