:root {
  /* ===== Neutros ===== */
  --gray-0:#FFFFFF; --gray-25:#FCFCFD; --gray-50:#F8F9FB; --gray-100:#F1F3F6;
  --gray-150:#E9ECF1; --gray-200:#E2E6EC; --gray-300:#CDD3DC; --gray-400:#9AA3AF;
  --gray-500:#6B7480; --gray-600:#4B5560; --gray-700:#333B45; --gray-800:#1F2530;
  --gray-900:#12161C;

  /* ===== Rosa da marca (magenta AA) ===== */
  --pink-50:#FDF2F7; --pink-100:#FCE4EF; --pink-200:#F9C9DF; --pink-300:#F19FC4;
  --pink-500:#D6336C; --pink-600:#BE2A5E; --pink-700:#9E1E4C;

  /* ===== Funcionais ===== */
  --green-50:#E9F7EF; --green-500:#16A34A; --green-700:#128040;
  --amber-50:#FEF6E7; --amber-500:#D97706; --amber-700:#B45309;
  --red-50:#FDECEC;   --red-500:#DC2626;   --red-700:#B91C1C;
  --blue-50:#EAF1FE;  --blue-500:#2563EB;  --blue-700:#1D4ED8;
  --slate-50:#F1F3F6; --slate-400:#9AA3AF; --slate-600:#6B7480;

  /* ===== Semânticos ===== */
  --surface-app:var(--gray-25);   --surface-sidebar:var(--gray-0);
  --surface-card:var(--gray-0);   --surface-hover:var(--gray-50);
  --surface-active:var(--pink-50);--surface-sunken:var(--gray-100);
  --surface-inverse:var(--gray-900);
  --text-title:var(--gray-900);   --text-primary:var(--gray-800);
  --text-secondary:var(--gray-500);--text-muted:var(--gray-600);
  --text-on-accent:#FFFFFF; --text-on-inverse:#F1F3F6; --text-link:var(--pink-600);
  --accent:var(--pink-500); --accent-hover:var(--pink-600); --accent-active:var(--pink-700);
  --accent-soft-bg:var(--pink-50); --accent-soft-text:var(--pink-700);
  --accent-ring:rgba(214,51,108,.28);
  --ok-fg:var(--green-700);     --ok-bg:var(--green-50);     --ok-solid:var(--green-500);
  --warn-fg:var(--amber-700);   --warn-bg:var(--amber-50);   --warn-solid:var(--amber-500);
  --danger-fg:var(--red-700);   --danger-bg:var(--red-50);   --danger-solid:var(--red-500);
  --info-fg:var(--blue-700);    --info-bg:var(--blue-50);    --info-solid:var(--blue-500);
  --neutral-fg:var(--gray-600);--neutral-bg:var(--slate-50);--neutral-solid:var(--slate-400);
  --border-subtle:var(--gray-150); --border-default:var(--gray-200);
  --border-strong:var(--gray-300); --border-accent:var(--pink-300);

  /* ===== Tipografia ===== */
  --font-sans:"Inter","Inter var",-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,sans-serif;
  --fs-display:28px; --fs-h1:22px; --fs-h2:18px; --fs-h3:15px;
  --fs-body:14px; --fs-sm:13px; --fs-xs:12px; --fs-2xs:11px;
  --fw-regular:400; --fw-medium:500; --fw-semibold:600; --fw-bold:700;
  --lh-tight:1.2; --lh-normal:1.45; --lh-relaxed:1.6; --tracking-caption:.06em;

  /* ===== Espaçamento ===== */
  --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; --sp-16:64px;

  /* ===== Raios ===== */
  --radius-xs:4px; --radius-sm:6px; --radius-md:10px; --radius-lg:14px; --radius-full:999px;

  /* ===== Sombras ===== */
  --shadow-xs:0 1px 2px rgba(18,22,28,.05);
  --shadow-sm:0 1px 3px rgba(18,22,28,.06),0 1px 2px rgba(18,22,28,.04);
  --shadow-md:0 4px 12px rgba(18,22,28,.08),0 2px 4px rgba(18,22,28,.04);
  --shadow-lg:0 12px 32px rgba(18,22,28,.12),0 4px 8px rgba(18,22,28,.06);
  --shadow-focus:0 0 0 3px var(--accent-ring);

  /* ===== Layout ===== */
  --sidebar-w:248px; --sidebar-w-collapsed:64px; --topbar-h:56px;
  --queue-w:400px; --container-max:1440px;

  /* ===== Motion ===== */
  --ease:cubic-bezier(.2,0,0,1); --dur-fast:120ms; --dur-base:180ms;
}

*{box-sizing:border-box}
html{font-size:16px}
body{margin:0;font-family:var(--font-sans);font-size:var(--fs-body);
  line-height:var(--lh-normal);color:var(--text-primary);background:var(--surface-app);
  -webkit-font-smoothing:antialiased;font-variant-numeric:tabular-nums}
a{color:var(--text-link);text-decoration:none}
.num{font-variant-numeric:tabular-nums}
:focus-visible{outline:none;box-shadow:var(--shadow-focus);border-radius:var(--radius-sm)}