/* Design System — Tokens (build-free). Consumido por base/components/shell.css e componentes Blade. */

@font-face{font-family:Inter;font-style:normal;font-weight:400;font-display:swap;src:url("fonts/inter/inter-400.woff2") format("woff2")}
@font-face{font-family:Inter;font-style:normal;font-weight:500;font-display:swap;src:url("fonts/inter/inter-500.woff2") format("woff2")}
@font-face{font-family:Inter;font-style:normal;font-weight:600;font-display:swap;src:url("fonts/inter/inter-600.woff2") format("woff2")}
@font-face{font-family:Inter;font-style:normal;font-weight:700;font-display:swap;src:url("fonts/inter/inter-700.woff2") format("woff2")}

:root{
  /* neutros */
  --bg:#f6f7f9; --surface:#ffffff; --surface-2:#eef1f5; --border:#e2e6eb;
  --text:#141821; --text-muted:#4d5663; --text-subtle:#6b7280;

  /* primária (interativa) — distinta do azul de variance */
  --primary:#ff6115; --primary-contrast:#ffffff; --primary-hover:#e5530c;
  --primary-strong:#c2440a;   /* laranja escuro p/ TEXTO/ícone sobre fundo claro (AA); fills usam --primary */
  --focus-ring:rgba(255,97,21,.42);

  /* progresso físico (aço) — nunca compartilha cor com o financeiro (variance) */
  --progress-physical:#64748b;

  /* camada variance: under=azul, on-track=verde, warning=âmbar, over=vermelho */
  --variance-under-text:#1d4ed8;   --variance-under-border:#bfdbfe;   --variance-under-surface:#eff6ff;
  --variance-on-track-text:#15803d;--variance-on-track-border:#bbf7d0;--variance-on-track-surface:#f0fdf4;
  --variance-warning-text:#b45309; --variance-warning-border:#fde68a; --variance-warning-surface:#fffbeb;
  --variance-over-text:#b91c1c;    --variance-over-border:#fecaca;    --variance-over-surface:#fef2f2;
  --variance-warning-threshold:0.9; --variance-over-threshold:1.0;

  /* espaçamento (base 4px) */
  --sp-1:4px;--sp-2:8px;--sp-3:12px;--sp-4:16px;--sp-5:20px;--sp-6:24px;--sp-8:32px;--sp-10:40px;--sp-12:48px;

  /* raio / sombra */
  --r-sm:6px;--r-md:10px;--r-lg:14px;--r-pill:999px;
  --shadow-1:0 1px 2px rgba(20,28,44,.05),0 1px 3px rgba(20,28,44,.08);
  --shadow-2:0 10px 28px rgba(20,28,44,.12);

  /* motion */
  --ease-standard:cubic-bezier(.2,0,0,1);
  --dur-fast:120ms;--dur:200ms;--dur-slow:320ms;

  /* layout */
  --bp-sm:390px;--bp-md:768px;--bp-lg:1024px;--bp-xl:1280px;
  --row-h:44px;               /* comfortable; compact = 32px via [data-density=compact] */
  --sidebar-w:264px; --rail-w:64px; --topbar-h:56px;

  /* tipo */
  --font-sans:Inter,system-ui,-apple-system,"Segoe UI",Roboto,Helvetica,Arial,sans-serif;
  --fs-12:12px;--fs-13:13px;--fs-14:14px;--fs-16:16px;--fs-20:20px;--fs-24:24px;--fs-30:30px;

  color-scheme:light;
}