/* agentgraft.com design tokens, shared by every public page: the landing
 * (static/landing/), the docs and the sign-in pages (static/public/site.css).
 *
 * Two surfaces. The field (ultramarine) is where the face lives; the paper
 * is where the work is shown. Butter is the light of the eyes, and on paper
 * only ever appears as the highlighter. */
:root {
  --field: #1E2BD6;
  --field-deep: #141C9E;
  --paper: #EEF0FB;
  --sheet: #F8F9FE;
  --ink: #0F1440;
  --ink-2: rgba(15, 20, 64, 0.72);
  --ink-3: rgba(15, 20, 64, 0.5);
  --hair: rgba(15, 20, 64, 0.14);
  --on-field: #F3F4FF;
  --on-field-2: rgba(243, 244, 255, 0.68);
  --on-field-hair: rgba(243, 244, 255, 0.24);
  --eye: #FFE08A;
  --glow: rgba(255, 214, 107, 0.55);
  --hl: #FFE08A;
  --str: #2F6B55;
  --num: #9A5B13;
  --erase: #C4282F;
  --radius: 20px;
  --display: "Funnel Display", system-ui, sans-serif;
  --sans: "Funnel Sans", system-ui, sans-serif;
  --mono: "Geist Mono", ui-monospace, monospace;
  --gutter: clamp(20px, 4vw, 56px);
  --edge: max(var(--gutter), calc((100vw - 1440px) / 2 + var(--gutter)));
  --ease: cubic-bezier(0.2, 0.7, 0.2, 1);
}