/* ============================================================
   TSW Dashboard — tokens de design (protótipo V1.3A)
   Base grafite com subtom verde institucional; âmbar contido.
   Nenhuma fonte externa: pilhas de sistema apenas.
   ============================================================ */
:root {
  color-scheme: dark;

  /* Superfícies */
  --bg-0: #0b0e0d;        /* fundo da página */
  --bg-1: #111514;        /* superfície base (cards, sidebar) */
  --bg-2: #171c1a;        /* superfície elevada (topbar, thead) */
  --bg-3: #1d2321;        /* hover / realce sutil */
  --line: #262d2a;        /* borda padrão */
  --line-soft: #1c2220;   /* borda sutil */
  --line-strong: #35403b; /* borda de foco de superfície */

  /* Texto */
  --text-1: #e9e7de;      /* principal, off-white quente */
  --text-2: #9aa69f;      /* secundário */
  --text-3: #6d7a73;      /* terciário / meta */

  /* Identidade */
  --brand: #3e8266;       /* verde institucional TSW (ação primária) */
  --brand-strong: #4f9a7b;
  --brand-dim: rgba(62, 130, 102, 0.16);
  --accent: #d9a441;      /* âmbar — assinatura e atenção, uso contido */
  --accent-dim: rgba(217, 164, 65, 0.14);

  /* Status (nunca cor sozinha: sempre com ícone/texto) */
  --ok: #66b78c;
  --ok-dim: rgba(102, 183, 140, 0.14);
  --warn: #d9a441;
  --warn-dim: rgba(217, 164, 65, 0.14);
  --err: #d9705f;
  --err-dim: rgba(217, 112, 95, 0.14);
  --info: #82aecc;
  --info-dim: rgba(130, 174, 204, 0.14);
  --neutral: #8b968f;
  --neutral-dim: rgba(139, 150, 143, 0.14);

  /* Tipografia — somente pilhas locais */
  --font-sans: "Segoe UI", system-ui, -apple-system, "Helvetica Neue", Arial, sans-serif;
  --font-mono: "Cascadia Mono", "Cascadia Code", Consolas, "SF Mono", ui-monospace, Menlo, monospace;

  --fs-xs: 0.72rem;
  --fs-sm: 0.82rem;
  --fs-md: 0.92rem;
  --fs-lg: 1.05rem;
  --fs-xl: 1.35rem;
  --fs-2xl: 1.7rem;

  /* Espaço e forma */
  --sp-1: 4px;
  --sp-2: 8px;
  --sp-3: 12px;
  --sp-4: 16px;
  --sp-5: 24px;
  --sp-6: 32px;
  --radius-sm: 4px;
  --radius: 6px;      /* contido: nada excessivamente arredondado */
  --radius-lg: 8px;

  /* Layout */
  --sidebar-w: 236px;
  --sidebar-rail-w: 64px;
  --topbar-h: 54px;
  --content-max: 1440px;

  /* Foco */
  --focus-ring: 0 0 0 2px var(--bg-0), 0 0 0 4px var(--brand-strong);
}