/* Kauâ Ferri — tokens.
 * Base dark de precisão (Open Design · linear-app) com detalhes de HUD (Open Design · hud):
 * um único acento luminoso, bordas translúcidas, rótulos mono.
 */

:root {
  color-scheme: dark;

  --bg: #07090c;
  --surface: #0e1116;
  --surface-2: #151a21;
  --fg: #eef2f5;
  --fg-2: #c3cad3;
  --muted: #8a93a0;
  --faint: #5b636e;
  --border: rgba(255, 255, 255, 0.08);
  --border-soft: rgba(255, 255, 255, 0.05);
  --border-strong: rgba(255, 255, 255, 0.16);

  --accent: #3ee6c4;
  --accent-on: #04120f;
  --accent-dim: rgba(62, 230, 196, 0.14);
  --accent-glow: 0 0 24px rgba(62, 230, 196, 0.35);
  --accent-hover: #6ff0d6;
  --warn: #ffb800;
  --danger: #ff5c5c;

  --font-display: "Space Grotesk", "Inter", system-ui, sans-serif;
  --font-body: "Inter", system-ui, -apple-system, sans-serif;
  --font-mono: "JetBrains Mono", ui-monospace, "SF Mono", Menlo, monospace;

  --text-xs: 12px;
  --text-sm: 14px;
  --text-base: 17px;
  --text-lg: 20px;
  --text-xl: 26px;
  --text-2xl: 40px;
  --text-3xl: 60px;
  --text-4xl: 84px;
  --leading-body: 1.65;
  --tracking-display: -0.035em;

  --space-1: 4px;
  --space-2: 8px;
  --space-3: 12px;
  --space-4: 16px;
  --space-5: 20px;
  --space-6: 24px;
  --space-8: 32px;
  --space-12: 48px;
  --section-y-desktop: 120px;
  --section-y-tablet: 84px;
  --section-y-phone: 56px;

  --radius-sm: 8px;
  --radius-md: 12px;
  --radius-lg: 16px;
  --radius-pill: 9999px;

  --focus-ring: 0 0 0 3px rgba(62, 230, 196, 0.35);
  --motion-fast: 150ms;
  --motion-base: 240ms;
  --ease-standard: cubic-bezier(0.2, 0, 0, 1);

  --container-max: 1180px;
  --container-gutter-desktop: 36px;
  --container-gutter-tablet: 24px;
  --container-gutter-phone: 16px;
}