/*
 * Central de Demandas Redbeard — tokens de design (v1, proposta 2026-08-04)
 * Fonte da verdade visual do portal. Derivados dos arquivos oficiais da marca
 * (OneDrive-Pessoal/RedBeard/RedBeard/Brand/design-system).
 * Preview de aprovação: artifact "Central de Demandas Redbeard — Direção visual v1".
 */

:root {
  /* marca */
  --rb-red: #E00A24;          /* vermelho Redbeard — logo, badges de marca, estrelas */
  --rb-red-strong: #C1041B;   /* interação — botões sólidos, links (AA sobre branco) */
  --rb-red-deep: #AA0707;     /* vermelho profundo — gradientes, hover de botão */
  --rb-wine: #63001D;         /* vinho do subtítulo — títulos, âncora do dark mode */

  /* tema claro (padrão) */
  --bg: #FBF9F9;
  --surface: #FFFFFF;
  --surface-2: #F6EFF0;
  --border: #EAE0E2;
  --text: #241A1D;
  --muted: #746468;
  --brand: var(--rb-red);
  --brand-strong: var(--rb-red-strong);
  --on-brand: #FFFFFF;
  --wine: var(--rb-wine);

  /* semânticas de status (independentes do vermelho da marca) */
  --ok: #1B7A4E;   --ok-bg: #E3F2EA;   /* entregue */
  --warn: #8A5800; --warn-bg: #F7EDDC; /* em análise / aguardando resposta */
  --info: #175E8D; --info-bg: #E2EFF7; /* nova */
  --prog: #63001D; --prog-bg: #F3E4E9; /* em andamento */
  --gray: #6E6468; --gray-bg: #EFEAEB; /* cancelada */

  /* forma e elevação — cantos arredondados são traço do ambiente */
  --r-card: 20px;
  --r-ctl: 12px;
  --r-pill: 999px;
  --shadow: 0 1px 2px rgba(60, 10, 20, .05), 0 8px 24px rgba(60, 10, 20, .07);

  /* tipografia */
  --font-display: 'Sora', system-ui, sans-serif;   /* títulos; eyebrows uppercase tracking .18–.22em */
  --font-body: 'Figtree', system-ui, sans-serif;   /* corpo 16/1.6; rótulos e botões 600 */
  --font-mono: 'JetBrains Mono', ui-monospace, monospace; /* protocolos, códigos, horários */
}

/* tema escuro — ancorado no vinho da marca, nunca cinza puro */
@media (prefers-color-scheme: dark) {
  :root:not([data-theme="light"]) {
    --bg: #180D11;
    --surface: #221318;
    --surface-2: #2C1A20;
    --border: #41282F;
    --text: #F5EDEF;
    --muted: #B49AA1;
    --brand: #FF4054;          /* vermelho clareado p/ contraste sobre escuro */
    --brand-strong: #E00A24;   /* botões sólidos mantêm o vermelho oficial */
    --wine: #F0C9D4;
    --ok: #5CC996;   --ok-bg: #153428;
    --warn: #E3A94F; --warn-bg: #38290F;
    --info: #6FB4DE; --info-bg: #122B3C;
    --prog: #F0A9BD; --prog-bg: #3C1F2A;
    --gray: #A79BA0; --gray-bg: #322A2D;
    --shadow: 0 1px 2px rgba(0, 0, 0, .4), 0 8px 24px rgba(0, 0, 0, .35);
  }
}
:root[data-theme="dark"] {
  --bg: #180D11;
  --surface: #221318;
  --surface-2: #2C1A20;
  --border: #41282F;
  --text: #F5EDEF;
  --muted: #B49AA1;
  --brand: #FF4054;
  --brand-strong: #E00A24;
  --wine: #F0C9D4;
  --ok: #5CC996;   --ok-bg: #153428;
  --warn: #E3A94F; --warn-bg: #38290F;
  --info: #6FB4DE; --info-bg: #122B3C;
  --prog: #F0A9BD; --prog-bg: #3C1F2A;
  --gray: #A79BA0; --gray-bg: #322A2D;
  --shadow: 0 1px 2px rgba(0, 0, 0, .4), 0 8px 24px rgba(0, 0, 0, .35);
}

/*
 * Assinatura visual: "vinco da barba" — faixa vermelha no topo das telas do
 * portal com corte em V raso (clip-path), silhueta do símbolo:
 *   background: linear-gradient(135deg, var(--brand-strong), var(--rb-red-deep));
 *   clip-path: polygon(0 0, 100% 0, 100% calc(100% - 12px), 50% 100%, 0 calc(100% - 12px));
 * Losango (nós da linha do tempo e ponto dos badges): quadrado 45° com raio 2px,
 * ecoando o ângulo do símbolo.
 */