/* Tokens de cor e medidas do Painel Raze. Paleta extraída da landing da Raze: dourado, nude e preto quente.
   Escuro é o padrão. Claro: fundo nude, texto marrom quase preto, o mesmo dourado como acento.
   Regra: usar --accent para preenchimentos e bordas; --accent-ink para TEXTO dourado (no claro ele escurece para manter o contraste). */
:root {
  color-scheme: dark;
  --bg: #0d0b09;
  --bg-lateral: #0a0908;
  --surface: #1c1813;
  --surface-2: #241d17;
  --surface-3: #2d251d;
  --line: rgba(232, 201, 122, .14);
  --line-strong: rgba(232, 201, 122, .30);
  --text: #f5f1ea;
  --text-2: #d6cdbb;
  --muted: #a89f8d;
  --accent: #c9a961;
  --accent-hover: #e8c97a;
  --accent-ink: #e8c97a;
  --accent-soft: rgba(201, 169, 97, .12);
  --accent-soft-2: rgba(201, 169, 97, .20);
  --on-accent: #0d0b09;
  --champagne: #f7e2b0;
  --ok: #9ccb94;       --ok-soft: rgba(156, 203, 148, .13);
  --warn: #e6bb68;     --warn-soft: rgba(230, 187, 104, .13);
  --bad: #ee9c8c;      --bad-soft: rgba(238, 156, 140, .13);
  --info: #cfc6b4;     --info-soft: rgba(207, 198, 180, .10);
  --balao-entrada: #241d17;
  --balao-saida: #3d3019;
  --balao-saida-texto: #f7e2b0;
  --nota-fundo: rgba(230, 187, 104, .10);
  --sombra: 0 10px 30px rgba(0, 0, 0, .45);
  --brilho: radial-gradient(900px 320px at 50% -120px, rgba(201, 169, 97, .10), transparent 70%);

  --fonte-titulo: "Cormorant Garamond", "Cormorant", "Didot", "Bodoni 72", "Hoefler Text", Georgia, serif;
  --fonte-corpo: "Jost", ui-sans-serif, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;

  --raio: 14px;
  --raio-sm: 9px;
  --largura-lateral: 268px;
  --altura-topo: 68px;
}

:root[data-tema="claro"] {
  color-scheme: light;
  --bg: #f1ebdf;
  --bg-lateral: #e9e2d3;
  --surface: #fbf8f2;
  --surface-2: #f5f1ea;
  --surface-3: #ece5d6;
  --line: rgba(74, 52, 20, .15);
  --line-strong: rgba(74, 52, 20, .30);
  --text: #1d1610;
  --text-2: #43382b;
  --muted: #6b604f;
  --accent: #c9a961;
  --accent-hover: #b8954a;
  --accent-ink: #7a5a18;
  --accent-soft: rgba(201, 169, 97, .17);
  --accent-soft-2: rgba(201, 169, 97, .28);
  --on-accent: #1d1610;
  --champagne: #7a5a18;
  --ok: #2f6b3a;       --ok-soft: rgba(47, 107, 58, .11);
  --warn: #8a5a00;     --warn-soft: rgba(138, 90, 0, .11);
  --bad: #a43b28;      --bad-soft: rgba(164, 59, 40, .10);
  --info: #5a5042;     --info-soft: rgba(90, 80, 66, .08);
  --balao-entrada: #ffffff;
  --balao-saida: #ecdcae;
  --balao-saida-texto: #1d1610;
  --nota-fundo: rgba(138, 90, 0, .09);
  --sombra: 0 10px 28px rgba(74, 52, 20, .14);
  --brilho: radial-gradient(900px 320px at 50% -120px, rgba(201, 169, 97, .22), transparent 70%);
}