/* Instituto Urupema — tokens de marca. Gerado a partir do contrato; não editar à mão. */
@font-face { font-family: "Newsreader"; src: url("../fontes/Newsreader-Variavel.woff2") format("woff2-variations"); font-weight: 200 800; font-style: normal; font-display: swap; }
@font-face { font-family: "Newsreader"; src: url("../fontes/Newsreader-Variavel-Italico.woff2") format("woff2-variations"); font-weight: 200 800; font-style: italic; font-display: swap; }
@font-face { font-family: "Space Grotesk"; src: url("../fontes/SpaceGrotesk-Variavel.woff2") format("woff2-variations"); font-weight: 300 700; font-style: normal; font-display: swap; }

:root {
  --color-background: #F6F1E7;  /* Palha */
  --color-surface: #E7DFD0;  /* Areia */
  --color-text: #221F1A;  /* Tinta */
  --color-decision: #B4602F;  /* Urucum */
  --color-text-secondary: #686157;  /* Tinta reduzida */
  --color-decision-text: #A85626;  /* Urucum texto */
  --color-rule-strong: #8E887F;  /* Filete forte */
  --color-paper: #FFFFFF;  /* Branco papel */
  --color-dark-background: #221F1A;  /* Tinta */
  --color-dark-surface: #2D2A24;  /* Tinta elevada */
  --color-dark-rule: #3B3731;  /* Filete escuro */
  --color-dark-text: #F6F1E7;  /* Palha */
  --color-dark-text-secondary: #BCB8AE;  /* Palha reduzida */
  --color-dark-decision-text: #EB9461;  /* Urucum texto sobre Tinta */
  --color-dark-rule-strong: #706B64;  /* Filete forte escuro */
  --color-state-ok: #426B4B;  /* Estado correto */
  --color-state-warning: #805B09;  /* Estado de atenção */
  --color-state-failure: #AC3942;  /* Estado de falha */
  --color-state-ok-dark: #8DBA96;  /* Estado correto sobre Tinta */
  --color-state-warning-dark: #CDAB62;  /* Estado de atenção sobre Tinta */
  --color-state-failure-dark: #EA98A6;  /* Estado de falha sobre Tinta */
  --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-cell: 96px;  /* Célula */
  --radius-bar: 999px;  /* Ponta da barra */
  --radius-surface: 4px;  /* Canto de superfície */
  --fonte-institucional: "Newsreader", Georgia, serif;
  --fonte-sistema: "Space Grotesk", Arial, sans-serif;

  /* papéis em uso: trocam juntos no modo escuro */
  --papel-fundo: var(--color-background);
  --papel-superficie: var(--color-surface);
  --papel-texto: var(--color-text);
  --papel-texto-secundario: var(--color-text-secondary);
  --papel-decisao: var(--color-decision);
  --papel-decisao-texto: var(--color-decision-text);
  --papel-filete: var(--color-surface);
  --papel-filete-forte: var(--color-rule-strong);
  --papel-simbolo: var(--color-text);
}

.escuro, [data-tema="escuro"] {
  --papel-fundo: var(--color-dark-background);
  --papel-superficie: var(--color-dark-surface);
  --papel-texto: var(--color-dark-text);
  --papel-texto-secundario: var(--color-dark-text-secondary);
  --papel-decisao-texto: var(--color-dark-decision-text);
  --papel-filete: var(--color-dark-rule);
  --papel-filete-forte: var(--color-dark-rule-strong);
  --papel-simbolo: var(--color-dark-text);
  --color-state-ok: var(--color-state-ok-dark);
  --color-state-warning: var(--color-state-warning-dark);
  --color-state-failure: var(--color-state-failure-dark);
}