@font-face { font-family: 'Inter'; font-style: normal; font-weight: 100 900; font-display: swap; src: url('/fonts/inter-latin.woff2') format('woff2'); }
@font-face { font-family: 'Urbanist'; font-style: normal; font-weight: 100 900; font-display: swap; src: url('/fonts/urbanist-latin.woff2') format('woff2'); }

:root {
  --brand: #1B84FF;
  --brand-ink: #0F5FD1;
  --g1: #0052FF;
  --g2: #00B3DD;
  --ink: #0B1220;
  --ink-2: #4B5563;
  --ink-3: #8A93A3;
  --bg: #FFFFFF;
  --bg-2: #F6F8FB;
  --bg-3: #EEF2F7;
  --line: #E5E9F0;
  --line-2: #D5DBE5;
  --green: #17C653;
  --orange: #FF8800;
  --red: #F1416C;
  --shadow: 0 1px 2px rgba(11,18,32,.06), 0 12px 40px -12px rgba(11,18,32,.18);
  --shadow-lg: 0 2px 4px rgba(11,18,32,.05), 0 40px 80px -24px rgba(11,18,32,.28);
  --r-1: 8px; --r-2: 12px; --r-3: 20px; --r-4: 24px;
  --font-body: 'Inter', ui-sans-serif, system-ui, -apple-system, 'Segoe UI', sans-serif;
  --font-display: 'Urbanist', 'Inter', ui-sans-serif, system-ui, sans-serif;
  --container: 1200px;
  --gutter: 24px;
  --section: clamp(80px, 12vw, 160px);
  --ease: cubic-bezier(.2, .7, .2, 1);
  --fast: 160ms;
}

[data-theme="dark"] {
  --ink: #F3F6FB;
  --ink-2: #A9B2C3;
  --ink-3: #6F7A8E;
  --bg: #0B1220;
  --bg-2: #111A2E;
  --bg-3: #172239;
  --line: rgba(255,255,255,.09);
  --line-2: rgba(255,255,255,.16);
  --shadow: none;
  --shadow-lg: 0 40px 80px -24px rgba(0,0,0,.6);
}