/* Sistema GF — tokens de design (aprovados em 06/11/2026).
   Fonte da verdade para cores, tipografia e raios. Ver docs/design-system.md. */
:root {
  /* Marca */
  --gf-vinho: #5F0D31;
  --gf-vinho-hover: #4A0A26;
  --gf-vinho-tint: #F6ECF0;
  --gf-ouro: #B29A5E;
  --gf-ouro-claro: #D4C491;

  /* Neutros (claro) */
  --bg: #FAF8F8;
  --surface: #FFFFFF;
  --surface-2: #F4F0F1;
  --border: #ECE5E8;
  --fg: #1F1418;
  --fg-2: #6D6166;
  --fg-3: #9A8E93;

  /* Ações */
  --primary: var(--gf-vinho);
  --primary-hover: var(--gf-vinho-hover);
  --on-primary: #FFFFFF;
  --focus-ring: var(--gf-ouro);

  /* Menu lateral (igual nos dois temas) */
  --sidebar: var(--gf-vinho);
  --sidebar-fg: rgba(255, 255, 255, 0.72);
  --sidebar-fg-active: #FFFFFF;
  --sidebar-active: rgba(212, 196, 145, 0.14);
  --sidebar-accent: var(--gf-ouro-claro);

  /* Status */
  --ok: #1F7A4D;    --ok-bg: #E8F4EE;
  --warn: #9A6212;  --warn-bg: #FBF1DF;
  --err: #B42318;   --err-bg: #FCEBE9;
  --info: #2B5CA8;  --info-bg: #EAF0FA;

  /* Tipografia */
  --font-sans: "Geist", ui-sans-serif, system-ui, -apple-system, "Segoe UI", Roboto, sans-serif;
  --font-mono: "Geist Mono", ui-monospace, "SF Mono", Menlo, Consolas, monospace;

  /* Forma */
  --radius-sm: 8px;   /* botões, campos */
  --radius-md: 12px;  /* cartões */
  --shadow: 0 1px 2px rgba(40, 10, 22, 0.05), 0 4px 16px rgba(40, 10, 22, 0.04);

  /* Layout */
  --sidebar-w: 232px;
  --sidebar-w-collapsed: 72px;
  --topbar-h: 56px;
}

/* Modo escuro: segue o aparelho, ou a escolha do usuário via data-theme */
@media (prefers-color-scheme: dark) {
  :root:not([data-theme="light"]) {
    --gf-vinho-tint: #2A1019;
    --bg: #120A0D; --surface: #1B1115; --surface-2: #22161B; --border: #33242B;
    --fg: #F4EDEF; --fg-2: #B3A4AA; --fg-3: #7F7076;
    --primary: #9B2659; --primary-hover: #AE2F66;
    --ok: #5CC28E; --ok-bg: #13261C; --warn: #E2A54A; --warn-bg: #2A1F0E;
    --err: #F0857A; --err-bg: #2D1512; --info: #86A9E8; --info-bg: #141F33;
    --shadow: 0 1px 2px rgba(0, 0, 0, 0.3), 0 4px 16px rgba(0, 0, 0, 0.25);
    color-scheme: dark;
  }
}
:root[data-theme="dark"] {
  --gf-vinho-tint: #2A1019;
  --bg: #120A0D; --surface: #1B1115; --surface-2: #22161B; --border: #33242B;
  --fg: #F4EDEF; --fg-2: #B3A4AA; --fg-3: #7F7076;
  --primary: #9B2659; --primary-hover: #AE2F66;
  --ok: #5CC28E; --ok-bg: #13261C; --warn: #E2A54A; --warn-bg: #2A1F0E;
  --err: #F0857A; --err-bg: #2D1512; --info: #86A9E8; --info-bg: #141F33;
  --shadow: 0 1px 2px rgba(0, 0, 0, 0.3), 0 4px 16px rgba(0, 0, 0, 0.25);
  color-scheme: dark;
}