/* Design tokens — direção visual aprovada (terracota, superfícies quentes, tipografia legível). */
:root {
  /* cor */
  --ink: #28382e;
  --ink-soft: #3b4a3f;
  --secondary: #5e6d61;
  --muted: #626e5e;
  --accent: #a74e35;
  --accent-strong: #95472f;
  --accent-soft: #f4e7dd;
  --accent-line: #e9d3c3;
  --bg: #f7f8f5;
  --surface: #ffffff;
  --surface-warm: #fffdf9;
  --surface-sidebar: #fcfcfa;
  --surface-muted: #f5f5ee;
  --stroke: #e5e8e2;
  --stroke-strong: #dfe5da;
  --ok: #3f6b49;
  --ok-soft: #eff5ed;
  --warn: #6f5a24;
  --warn-soft: #fbf6e8;
  --danger: #8c3a2b;
  --danger-soft: #faeee8;
  --focus: var(--accent);

  /* tipografia */
  --font: "Inter", "Segoe UI", system-ui, -apple-system, Arial, sans-serif;
  --fs-xs: 11px;
  --fs-sm: 12px;
  --fs-md: 14px;
  --fs-lg: 16px;
  --fs-xl: 22px;
  --fs-2xl: 32px;

  /* espaço e forma */
  --sp-1: 4px;
  --sp-2: 8px;
  --sp-3: 12px;
  --sp-4: 16px;
  --sp-5: 24px;
  --sp-6: 32px;
  --radius-sm: 8px;
  --radius: 10px;
  --radius-lg: 12px;
  --shadow-1: 0 2px 3px #26382503, 0 5px 16px #26382502;
  --shadow-2: 0 8px 24px #28382e26;

  /* moldura */
  --sidebar-w: 248px;
  --topbar-h: 72px;
  --content-max: 1640px;
}