/* Tokeni marketing tokens
 * DNA studied from payments-infra marketing (layout, density, black CTA)
 * Original palette, type, and copy. Accent locked to teal. */

:root {
  --paper: #f7f7f5;
  --paper-2: #efefec;
  --paper-3: #e6e6e2;
  --ink: #18181b;
  --ink-2: #3f3f46;
  --ink-3: #71717a;
  --line: #e4e4e0;
  --white: #ffffff;

  --dark: #111113;
  --dark-2: #1a1a1e;
  --dark-3: #242428;
  --dark-line: #2e2e33;
  --inverse: #f7f7f5;
  --inverse-2: #a1a1aa;

  --accent: #0f9d8e;
  --accent-hover: #0b8578;
  --accent-soft: rgba(15, 157, 142, 0.12);
  --accent-ink: #062e2a;

  --font-display: "Space Grotesk", ui-sans-serif, system-ui, sans-serif;
  --font-body: "DM Sans", ui-sans-serif, system-ui, sans-serif;
  --font-mono: "IBM Plex Mono", ui-monospace, monospace;

  --text-hero: clamp(2.6rem, 6vw, 4.4rem);
  --text-h2: clamp(1.85rem, 3.4vw, 2.75rem);
  --text-h3: 1.25rem;
  --text-lg: 1.125rem;
  --text-base: 1rem;
  --text-sm: 0.9375rem;
  --text-xs: 0.8125rem;
  --text-micro: 0.6875rem;

  --lead-tight: 1.05;
  --lead-snug: 1.28;
  --lead-body: 1.6;

  --track-tight: -0.035em;
  --track-wide: 0.08em;

  --wrap: 1180px;
  --gutter: clamp(1.25rem, 4vw, 2.5rem);

  --radius-sm: 8px;
  --radius-md: 12px;
  --radius-lg: 18px;
  --radius-xl: 24px;

  --ease: cubic-bezier(0.16, 1, 0.3, 1);
  --ease-out: cubic-bezier(0.4, 0, 1, 1);
  --fast: 140ms;
  --med: 280ms;
  --slow: 420ms;

  --z-nav: 40;
  --z-overlay: 50;
  --z-menu: 60;
}