/* Tokens do design system do projeto (derivados de docs/design-system/design-system.html). */
:root {
  color-scheme: dark;
  --bg-0: #050505;
  --bg-1: #0a0a0d;
  --bg-2: #0e0e12;
  --bg-3: #14141a;
  --border-s: rgb(255 255 255 / .08);
  --border-m: rgb(255 255 255 / .13);
  --text: #e5e7eb;
  --text-dim: #b4b4b4;
  --muted: #969aa0;
  --esp-1: 4px;
  --esp-2: 8px;
  --esp-3: 12px;
  --esp-4: 16px;
  --esp-5: 24px;
  --esp-6: 32px;
  --accent: #14b8a6;
  --accent-dark: #0d9488;
  --accent-light: #2dd4bf;
  --accent-glow: #5eead4;
  --accent-rgb: 20 184 166;
  --ok: #4ade80;
  --warn: #f5b942;
  --crit: #f87171;
  --ease-out: cubic-bezier(.22, 1, .36, 1);
  --font-ui: Inter, ui-sans-serif, system-ui, sans-serif;
  --font-display: Outfit, Inter, ui-sans-serif, system-ui, sans-serif;
}