/* Portal S&OP Jundiá — design tokens.
   Valores consolidados do tema final da v1.20 (superfícies claras, azul-marinho e amarelo de apoio).
   Toda cor, raio, sombra e espaçamento usado nos demais arquivos deve vir daqui. */
:root {
  /* Tipografia */
  --font: "Segoe UI", Inter, Arial, sans-serif;
  --fs-xs: 10px;
  --fs-sm: 12px;
  --fs-md: 13px;
  --fs-base: 15px;
  --fs-lg: 16px;
  --fs-xl: 21px;
  --fs-kpi: 27px;

  /* Marca */
  --navy: #203b59;
  --navy-deep: #102844;
  --accent: #f6c931;
  --accent-hover: #f2c124;
  --gold: #e8bf3b;
  --gold-soft: #fff9e6;
  --gold-ink: #967821;

  /* Texto */
  --ink: #26374a;
  --ink-strong: #15314e;
  --ink-table: #2f4358;
  --muted: #677383;
  --muted-soft: #8b95a1;

  /* Superfícies e bordas */
  --bg: #f5f6f7;
  --surface: #fff;
  --surface-alt: #f7f8f9;
  --surface-head: #f3f5f7;
  --stroke: #e2e5e9;
  --stroke-soft: #edf0f2;
  --stroke-input: #dfe4e9;

  /* Estados */
  --red: #c94e5d;
  --red-soft: #fff0f3;
  --red-ink: #bd3944;
  --amber: #e6a048;
  --amber-soft: #fff8df;
  --amber-ink: #a86c22;
  --green-soft: #eef6f1;
  --green-ink: #537965;
  --blue: #315b84;
  --blue-soft: #f1f4f7;
  --info-ink: #4969bb;
  --neutral-soft: #eff2f5;
  --neutral-ink: #8a94a0;

  /* Forma */
  --radius-sm: 8px;
  --radius: 12px;
  --radius-lg: 16px;
  --radius-pill: 999px;
  --shadow-sm: 0 3px 14px rgba(35, 48, 65, .025);
  --shadow-lg: 0 22px 70px rgba(10, 27, 48, .19);

  /* Espaçamento */
  --sp-1: 4px;
  --sp-2: 8px;
  --sp-3: 12px;
  --sp-4: 16px;
  --sp-5: 24px;
  --sp-6: 32px;

  /* Layout */
  --sidebar-w: 238px;
  --topbar-h: 76px;
  --content-max: 1800px;
}