/* larissa huckleberry · identidade v2 · gerado de tokens.json */
@import url("https://fonts.googleapis.com/css2?family=Jost:wght@300;400;500&display=swap");

:root{
  --creme: #FBF6EE;
  --areia: #E8DCC8;
  --cacau: #3E2A21;
  --nogueira: #8A6246;
  --seixo: #A8A29A;
  --tangerina-escura: #C4490F;
  --tangerina-clara: #F07A3D;
  --cacau-elevado: #4F372C;
  --fundo: var(--creme);
  --superficie: var(--areia);
  --texto: var(--cacau);
  --texto-suave: var(--nogueira);
  --destaque: var(--tangerina-escura);
  --on-destaque: var(--creme);
  --linha: #D8C9AF;
  --font-sans: "Jost","Futura","Century Gothic",system-ui,sans-serif;
  --space-1: 4px;
  --space-2: 8px;
  --space-3: 12px;
  --space-4: 16px;
  --space-5: 24px;
  --space-6: 32px;
  --space-7: 48px;
  --space-8: 64px;
  --space-9: 96px;
  --radius-sm: 4px;
  --radius-md: 12px;
  --radius-lg: 24px;
  --radius-pill: 999px;
  --pingo-xs: 6px;
  --pingo-sm: 10px;
  --pingo-md: 16px;
  --pingo-lg: 32px;
}

[data-theme="cacau"]{
  --fundo: var(--cacau);
  --superficie: var(--cacau-elevado);
  --texto: var(--areia);
  --texto-suave: var(--seixo);
  --destaque: var(--tangerina-clara);
  --on-destaque: var(--cacau);
  --linha: #6A4F42;
}

body{background:var(--fundo);color:var(--texto);font-family:var(--font-sans);font-size:17px;line-height:27px;font-weight:400}
.ponto{color:var(--destaque)}
.display-xl{font-size:72px;line-height:76px;font-weight:300;letter-spacing:-0.02em;}
.display{font-size:48px;line-height:54px;font-weight:300;letter-spacing:-0.01em;}
.titulo{font-size:32px;line-height:40px;font-weight:300;}
.subtitulo{font-size:22px;line-height:30px;font-weight:400;}
.corpo-grande{font-size:19px;line-height:30px;font-weight:400;}
.corpo{font-size:17px;line-height:27px;font-weight:400;}
.corpo-pequeno{font-size:14px;line-height:21px;font-weight:400;}
.enfase{font-size:17px;line-height:27px;font-weight:500;}
.botao{font-size:15px;line-height:20px;font-weight:500;letter-spacing:0.03em;}
.rotulo{font-size:12px;line-height:16px;font-weight:500;letter-spacing:0.16em;text-transform:uppercase;}
.btn{display:inline-flex;align-items:center;justify-content:center;font-size:15px;line-height:20px;font-weight:500;letter-spacing:.03em;padding:14px 28px;border-radius:var(--radius-pill);border:1.5px solid transparent;background:var(--destaque);color:var(--on-destaque);text-decoration:none}
.btn--secundario{background:transparent;color:var(--texto);border-color:var(--texto)}
.btn:focus-visible{outline:3px solid var(--texto);outline-offset:2px}