/* Byzus design tokens. Fonte: DESIGN.md (versão 2, 2026-11-04). */
:root {
  /* Escuro */
  --bg: #0a0b0d;
  --surface: #111318;
  --surface-2: #1a1d24;
  --line: #262a33;
  --line-strong: #3a3f4b;
  --ink-on-dark: #f4f5f7;
  --text-2-on-dark: #a8b0bc;

  /* Claro */
  --paper: #f4f5f7;
  --ink: #111318;
  --text-2-on-light: #4b5563;
  --line-light: #d8dce3;

  /* Azul: única cor da marca */
  --blue: #3867f5;
  --blue-hover: #2f55d4;
  --blue-text-on-dark: #6f90ff;
  --blue-text-on-light: #2f55d4;
  --blue-tint: #161c33;
  --blue-tint-line: #2a3a78;

  /* Estados */
  --success-on-dark: #4ade80;
  --success-on-light: #15803d;
  --warning-on-dark: #fbbf24;
  --warning-on-light: #b45309;
  --error-on-dark: #f87171;
  --error-on-light: #b91c1c;

  /* Tipografia */
  --font: "Manrope", system-ui, sans-serif;
  --fw-display: 300;
  --fw-body: 400;
  --fw-ui: 500;
  --fs-display: clamp(36px, 6vw, 72px);
  --fs-h2: clamp(28px, 4vw, 44px);
  --fs-h3: 22px;
  --fs-body: 17px;
  --fs-small: 14px;
  --fs-caption: 13px;

  /* Espaço (base 4) */
  --space-1: 4px;
  --space-2: 8px;
  --space-3: 12px;
  --space-4: 16px;
  --space-5: 24px;
  --space-6: 32px;
  --space-7: 48px;
  --space-8: 72px;
  --space-9: 120px;
  --container: min(1120px, 100% - 32px);
  --measure: 62ch;

  /* Forma */
  --radius-sm: 8px;
  --radius-md: 14px;
  --radius-pill: 999px;

  color-scheme: dark;
}