/* Design tokens modeled on devlinpeck.com: clean white and pale-blue
   sections, ink text, one blue-to-violet gradient accent, dark dotted
   "numbers" section, Jost. */
:root {
  /* Surfaces */
  --bg: #FFFFFF;
  --surface: #FFFFFF;
  --alt: #F4F7FB;
  --soft: #EAF3FE;
  --dark: #16181D;
  --dark-card: #1D2027;
  --dark-border: #2D323C;
  --panel: #16181D;
  --border: #E3E8EF;
  --border-strong: #C9D2DE;

  /* Text */
  --ink: #16181D;
  --text-body: #3F4756;
  --text-muted: #5B6472;
  --on-dark: #FFFFFF;
  --on-dark-muted: #A8B3C2;

  /* Accent */
  --grad: linear-gradient(135deg, #0069D9, #6D4AEE);
  --grad-hover: linear-gradient(135deg, #007FEE, #7C5CFC);
  --brand: #0069D9;
  --brand-text: #0161C9;
  --brand-soft: #EAF3FE;
  --stat-blue: #29ABFF;
  --stat-violet: #9A76FF;
  --on-brand: #FFFFFF;

  /* Type */
  --font: 'Jost', system-ui, -apple-system, 'Segoe UI', sans-serif;
  --fs-hero: clamp(44px, 4.6vw, 68px);
  --fs-page: clamp(40px, 4.6vw, 64px);
  --fs-section: clamp(30px, 2.6vw, 35px);
  --fs-body: 19px;
  --fs-lead: 21px;
  --fs-label: 15px;
  --lh-body: 1.6;
  --tracking-label: 0.1em;

  /* Layout */
  --max-width: 1160px;
  --gutter: 24px;
  --radius-card: 14px;
  --radius-media: 10px;
  --tap-min: 44px;
  --shadow-hover: 0 16px 36px rgba(22, 24, 29, 0.08);
}