/* ============================================================================
   C3D UI — tokens compartilhados (fonte única de verdade)
   Servido em https://c3d.3cvd.com.br/c3d-ui/tokens.css

   Todos os sistemas (*.3cvd.com.br) importam este arquivo e mapeiam os tokens
   próprios para --c3d-*  (ex.: --bg: var(--c3d-bg)). O prefixo c3d- evita
   colisão com as variáveis antigas de cada repo.

   Tema: dark é o padrão (é o que o hub e todos os sistemas usam hoje).
   Light fica em [data-theme="light"] no <html>, reservado p/ a fase de tema.
   Fonte: stack de sistema, SEM webfont (decisão de out/2026).
   ============================================================================ */

:root {
  color-scheme: dark;

  /* Superfícies (navy) */
  --c3d-bg: #0d121b;
  --c3d-surface: #161d2c;
  --c3d-surface-2: #1c2231;
  --c3d-surface-3: #1e2738;
  --c3d-border: #242e42;
  --c3d-border-strong: #2e3a52;

  /* Texto (creme quente) */
  --c3d-text: #f5f1eb;
  --c3d-text-muted: #919aac;
  --c3d-text-faint: #8892a6;

  /* Dourado: único accent. Só em elemento interativo / estado ativo. */
  --c3d-accent: #d0a149;
  --c3d-accent-strong: #e3bd72;
  --c3d-accent-soft: rgb(208 161 73 / 0.16);
  --c3d-accent-ink: #0c111d;

  /* Status: única fonte de verde/âmbar/vermelho */
  --c3d-ok: #3ecf8e;
  --c3d-ok-soft: rgb(62 207 142 / 0.14);
  --c3d-warn: #f0b84a;
  --c3d-warn-soft: rgb(240 184 74 / 0.14);
  --c3d-danger: #ff6b6b;
  --c3d-danger-soft: rgb(255 107 107 / 0.14);

  /* Escala de raios: 3 valores + pílula */
  --c3d-r-sm: 6px; /* chips, badges */
  --c3d-r-md: 8px; /* botões, campos */
  --c3d-r-lg: 12px; /* cards, modais */
  --c3d-r-pill: 999px; /* abas, tags */

  /* Alturas de controle */
  --c3d-h-btn: 34px;
  --c3d-h-field: 36px;

  /* Espaçamento (múltiplos de 4) */
  --c3d-s-1: 4px;
  --c3d-s-2: 8px;
  --c3d-s-3: 12px;
  --c3d-s-4: 16px;
  --c3d-s-5: 24px;
  --c3d-s-6: 32px;

  --c3d-shadow-1: 0 1px 2px rgb(5 8 14 / 0.5);
  --c3d-shadow-2: 0 8px 28px -10px rgb(5 8 14 / 0.7);

  --c3d-font-sans: -apple-system, BlinkMacSystemFont, system-ui, 'Segoe UI', Roboto,
    'Helvetica Neue', Arial, sans-serif;
  --c3d-font-mono: ui-monospace, 'SF Mono', 'SFMono-Regular', Menlo, Consolas, monospace;
  --c3d-fs-base: 14px;
  --c3d-fs-sm: 12.5px;
  --c3d-fs-xs: 11.5px;
  --c3d-ease: cubic-bezier(0.32, 0.72, 0, 1);
}

:root[data-theme='light'] {
  color-scheme: light;
  --c3d-bg: #f7f4ee;
  --c3d-surface: #ffffff;
  --c3d-surface-2: #ece8df;
  --c3d-surface-3: #e8e4da;
  --c3d-border: #d9d4c8;
  --c3d-border-strong: #cdc7b8;
  --c3d-text: #151b2b;
  --c3d-text-muted: #545e70;
  --c3d-text-faint: #5e6677;
  --c3d-accent: #8a6a28;
  --c3d-accent-strong: #6d5220;
  --c3d-accent-soft: rgb(138 106 40 / 0.12);
  --c3d-accent-ink: #ffffff;
  --c3d-ok: #1f7a54;
  --c3d-ok-soft: rgb(31 122 84 / 0.12);
  --c3d-warn: #a85f06;
  --c3d-warn-soft: rgb(168 95 6 / 0.12);
  --c3d-danger: #c42b2b;
  --c3d-danger-soft: rgb(196 43 43 / 0.12);
  --c3d-shadow-1: 0 1px 2px rgb(21 27 43 / 0.06), 0 1px 3px rgb(21 27 43 / 0.08);
  --c3d-shadow-2: 0 4px 20px -8px rgb(21 27 43 / 0.18);
}