:root {
  /* superfície */
  --bg:        #F4EFE6;  /* linen — fundo da página */
  --surface:   #FFFFFF;  /* cards, tabelas */
  --line:      #D6DDD5;  /* mist — bordas e divisores */

  /* texto — cinzas com a matiz do linen, nunca neutros */
  --ink:       #2C2C27;  /* stone — texto principal */
  --ink-muted: #6B675C;  /* secundário: plano, data, label */
  --ink-faint: #97917F;  /* terciário: placeholder, ajuda */

  /* estado */
  --accent:    #7D9B76;  /* sage — ativo, pago, presente */
  --warm:      #B8836F;  /* clay — vencido, atenção */
  --danger:    #A6503F;  /* destrutivo — derivado do clay, mais escuro */

  /* Tons escurecidos do sage e do clay. Sao token proprio, e nao color-mix() com preto, porque
     foram escolhidos a mao: nenhum sai do tom base por mistura uniforme (o --accent-hover exige
     88% de sage no vermelho e 89% no verde). Texto sobre tingimento precisa de token proprio
     tambem por contraste: o --accent puro da 2,9:1 sobre o tingimento sage de 16%, abaixo do
     piso AA; o --accent-ink da 5,5:1 no mesmo fundo. */
  --accent-hover: #6E8A68;  /* fundo do botao primario em hover */
  --accent-ink:   #4C6647;  /* texto sobre tingimento sage — badge pago/ativo */
  --warm-ink:     #8A5A46;  /* texto sobre tingimento clay — badge vencido */

  /* espaçamento */
  --s1: 4px; --s2: 8px;  --s3: 12px; --s4: 16px;
  --s5: 24px; --s6: 32px; --s7: 48px; --s8: 64px;

  /* tipografia */
  --font-display: "Cormorant Garamond", Georgia, serif;
  --font-ui: "DM Sans", system-ui, sans-serif;
  --t1: 12px; --t2: 13px; --t3: 14px; --t4: 16px;
  --t5: 20px; --t6: 26px; --t7: 34px; --t8: 48px;

  /* forma */
  --radius: 6px;         /* controles: input, botão, badge */
  --radius-lg: 12px;     /* cards */
  --shadow-card:    0 1px 2px rgba(44, 44, 39, .06);
  --shadow-overlay: 0 8px 24px rgba(44, 44, 39, .14);

  --measure: 65ch;
  --container: 72rem;
}

/* Fontes variaveis vendorizadas (subset latino): um arquivo por familia cobre 400 e 600.
   font-display: swap — texto legivel antes da fonte chegar; o estudio tem internet instavel. */
@font-face {
  font-family: "DM Sans";
  src: url("/assets/dm-sans-fe3ac7ee.woff2") format("woff2");
  font-weight: 400 600;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Cormorant Garamond";
  src: url("/assets/cormorant-garamond-0b6541cf.woff2") format("woff2");
  font-weight: 400 600;
  font-style: normal;
  font-display: swap;
}