/* Gerado de tokens.json por gerar-css.mjs. Não edite à mão. */
/* A Guilda, versão 1 dos tokens. */

:root {
  color-scheme: light dark;
  --papel: #FBF8F2;
  --papel-alto: #FFFFFF;
  --trama: #E7DFD2;
  --anil: #22205A;
  --anil-suave: #615C80;
  --linha: #C2255C;
  --linha-suave: #FCE4EC;
  --sobre-linha: #FFFFFF;
  --mostarda: #F2A900;
  --sobre-mostarda: #22205A;
  --mostarda-suave: #FFF3CC;
  --mostarda-texto: #8A5A00;
  --turquesa: #086F71;
  --turquesa-suave: #D7F2F1;
  --foco: var(--linha);
  --icone-halo: transparent;

  --sombra-carimbo: 3px 3px 0 var(--anil);

  --font-display: "Bricolage Grotesque", "Trebuchet MS", system-ui, sans-serif;
  --font-sans: "Figtree", system-ui, -apple-system, "Segoe UI", sans-serif;
  --font-pixel: "Silkscreen", ui-monospace, "SF Mono", Menlo, monospace;

  --space-1: 4px;
  --space-2: 8px;
  --space-3: 12px;
  --space-4: 16px;
  --space-6: 24px;
  --space-8: 32px;
  --space-12: 48px;

  --radius-ponto: 2px;
  --radius-md: 10px;
  --radius-lg: 18px;
  --radius-pill: 999px;
}

@media (prefers-color-scheme: dark) {
  :root:not([data-theme="light"]) {
    --papel: #17162B;
    --papel-alto: #221F3B;
    --trama: #34305A;
    --anil: #F3EFFF;
    --anil-suave: #B4AFD0;
    --linha: #F06595;
    --linha-suave: #45173A;
    --sobre-linha: #17162B;
    --mostarda: #FFC53D;
    --sobre-mostarda: #17162B;
    --mostarda-suave: #3B2F07;
    --mostarda-texto: #FFC53D;
    --turquesa: #3CC8C8;
    --turquesa-suave: #0E3536;
    --icone-halo: var(--anil-suave);
  }
}

:root[data-theme="dark"] {
  --papel: #17162B;
  --papel-alto: #221F3B;
  --trama: #34305A;
  --anil: #F3EFFF;
  --anil-suave: #B4AFD0;
  --linha: #F06595;
  --linha-suave: #45173A;
  --sobre-linha: #17162B;
  --mostarda: #FFC53D;
  --sobre-mostarda: #17162B;
  --mostarda-suave: #3B2F07;
  --mostarda-texto: #FFC53D;
  --turquesa: #3CC8C8;
  --turquesa-suave: #0E3536;
  --icone-halo: var(--anil-suave);
}

/* Estilos de texto */
.t-display-xl { font: 800 56px/56px var(--font-display); }
.t-display-lg { font: 800 40px/44px var(--font-display); }
.t-titulo { font: 700 24px/30px var(--font-display); }
.t-corpo { font: 400 16px/24px var(--font-sans); }
.t-corpo-sm { font: 400 14px/20px var(--font-sans); }
.t-rotulo { font: 600 14px/20px var(--font-sans); }
.t-selo { font: 400 12px/16px var(--font-pixel); }
.t-selo { text-transform: uppercase; letter-spacing: .04em; }