/* ================================================================
   TOKENS — Design variables
   ================================================================ */

:root {
  /* Color scale */
  --ink-900: #0f172a;
  --ink-800: #1e293b;
  --ink-700: #2d3a5e;
  --ink-500: #475569;
  --ink-400: #64748b;
  --ink-300: #94a3b8;
  --ink-200: #cbd5e1;
  --ink-100: #f1f5f9;
  --sky: #38bdf8;

  /* Typography */
  --sans: 'Inter', system-ui, -apple-system, 'Segoe UI', sans-serif;
  --sans-fa: 'KalamehWebFaNum', system-ui, sans-serif;
  --mono: 'SF Mono', 'Fira Code', 'Cascadia Code', monospace;

  /* Misc */
  --pill: 40px;
  --ease: 0.2s ease;
}