/* ==========================================================
   KRYVORA MANGÁ — Design tokens
   Única fonte de verdade de cor, tipografia, espaçamento.
   ========================================================== */
:root {
  /* Cores */
  --bg: #07070a;
  --bg-1: #0c0c11;
  --surface: #111118;
  --surface-2: #17171f;
  --surface-3: #1e1e28;
  --line: rgba(255, 255, 255, 0.07);
  --line-strong: rgba(255, 255, 255, 0.14);

  --text: #f4f4f6;
  --text-2: #b4b4bf;
  --text-3: #7c7c8a;

  --red: #e5202e;
  --red-hot: #ff3344;
  --red-deep: #8f0f1a;
  --red-glow: rgba(229, 32, 46, 0.35);

  --green: #2fd17a;
  --amber: #f5a524;
  --blue: #4d8dff;

  /* Tipografia */
  --font-display: "Bebas Neue", "Oswald", Impact, sans-serif;
  --font-body: "Inter", system-ui, -apple-system, "Segoe UI", sans-serif;

  /* Forma */
  --r-sm: 8px;
  --r-md: 12px;
  --r-lg: 18px;
  --r-xl: 26px;

  /* Layout */
  --sidebar-w: 232px;
  --topbar-h: 64px;
  --maxw: 1320px;

  /* Movimento */
  --ease: cubic-bezier(0.22, 0.8, 0.3, 1);
  --shadow-lg: 0 24px 60px -20px rgba(0, 0, 0, 0.8);
}