/* Brand tokens — change colors, type, and spacing here. */

:root {
  --bg: #050505;
  --bg-light: #f4f5f7;
  --white: #ffffff;
  --ink: #0a0a0a;
  --ink-soft: #5c6370;
  --blue: #2157ff;
  --blue-deep: #163de0;
  --line: rgba(255, 255, 255, 0.12);
  --line-dark: rgba(10, 10, 10, 0.1);
  --success: #1dbf73;
  --danger: #ff5a6a;
  --header-height: 4.35rem;
  --touch-min: 44px;
  --display: "Inter Tight", Inter, sans-serif;
  --font: "Inter", system-ui, sans-serif;
  --container: 86rem;
  --px: clamp(1.1rem, 4.2vw, 3.25rem);
  --section-y: clamp(3.5rem, 8vw, 6.5rem);
  --ease: cubic-bezier(0.22, 1, 0.36, 1);
  --h2: clamp(1.85rem, 1.05rem + 2.4vw, 3.35rem);
  --body: clamp(0.95rem, 0.9rem + 0.22vw, 1.05rem);
}