/* GENERATED by scripts/gen-tokens.mjs -- do not edit.
 * Source of truth: src/app/globals.css (shared byte-identical across all four
 * Lance frontends). Regenerate with `npm run tokens`; `npm run prebuild` does
 * it automatically. Static pages in public/ link this instead of restating
 * values, so they cannot drift from the app. */
:root {
  --font-sans: var(--font-plex-sans, "IBM Plex Sans"), ui-sans-serif, system-ui, "Segoe UI", Roboto, Helvetica, Arial, sans-serif;
  --font-display: var(--font-archivo, "Archivo"), var(--font-plex-sans, "IBM Plex Sans"), "Helvetica Neue", Arial, sans-serif;
  --font-mono: var(--font-plex-mono, "IBM Plex Mono"), ui-monospace, "SFMono-Regular", "Cascadia Mono", Consolas, monospace;
  --color-paper: #fbfaf8;
  --color-surface: #ffffff;
  --color-calico: #efede9;
  --color-calico-deep: #e6e2db;
  --color-rule: #e4dfd9;
  --color-rule-strong: #cfc7be;
  --color-ink: #1a120e;
  --color-ink-soft: #2c231e;
  --color-graphite: #3e352f;
  --color-muted: #6c615a;
  --color-faint: #a2968d;
  --color-fire: #c2410c;
  --color-fire-deep: #8f2f09;
  --color-fire-wash: #fbf4f0;
  --color-fire-tint: #f6e4dd;
  --color-fire-edge: #ebc2b1;
  --color-cure: #2f6b4e;
  --color-cure-tint: #e3efe8;
  --color-cure-edge: #a8cbb7;
  --color-chalk: #2f5573;
  --color-chalk-tint: #e3eaf0;
  --color-chalk-edge: #a7bfd2;
  --color-scarlet: #a81c32;
  --color-scarlet-tint: #f7e3e6;
  --color-scarlet-edge: #e0a9b2;
  --color-focus: #1a120e;
  --text-micro: 0.6875rem;
  --text-micro--line-height: 1rem;
  --text-data: 0.8125rem;
  --text-data--line-height: 1.15rem;
  --radius-chip: 3px;
  --radius-sm: 6px;
  --radius-md: 8px;
  --radius-lg: 10px;
  --radius-xl: 14px;
  --radius-2xl: 20px;
  --shadow-sm: 0 1px 2px rgba(26, 18, 14, 0.06), 0 1px 1px rgba(26, 18, 14, 0.04);
  --shadow-md: 0 2px 6px rgba(26, 18, 14, 0.07), 0 10px 24px -14px rgba(26, 18, 14, 0.2);
  --shadow-lg: 0 18px 40px -18px rgba(26, 18, 14, 0.26);
  --shadow-press: inset 0 3px 0 rgba(26, 18, 14, 0.12);
  --ease-pull: cubic-bezier(0.2, 0.8, 0.2, 1);
  --brand-accent: #c2410c;
  --brand-ink: #1a120e;
  --dur-1: 90ms;
  --dur-2: 160ms;
  --dur-3: 320ms;

  /* short aliases used by the static marketing pages */
  --fire: var(--color-fire);
  --fire-deep: var(--color-fire-deep);
  --fire-wash: var(--color-fire-wash);
  --fire-tint: var(--color-fire-tint);
  --fire-edge: var(--color-fire-edge);
  --accent: var(--color-fire);
  --ink: var(--color-ink);
  --ink-soft: var(--color-ink-soft);
  --graphite: var(--color-graphite);
  --mute: var(--color-muted);
  --faint: var(--color-faint);
  --paper: var(--color-paper);
  --surface: var(--color-surface);
  --calico: var(--color-calico);
  --calico-deep: var(--color-calico-deep);
  --line: var(--color-rule);
  --line-strong: var(--color-rule-strong);
  --cure: var(--color-cure);
  --cure-tint: var(--color-cure-tint);
  --cure-edge: var(--color-cure-edge);
  --chalk: var(--color-chalk);
  --chalk-tint: var(--color-chalk-tint);
  --chalk-edge: var(--color-chalk-edge);
  --display: var(--font-display);
  --body: var(--font-sans);
  --mono: var(--font-mono);

  /* hub-only, derived so they follow the source */
  --ink-2: color-mix(in srgb, var(--color-ink) 95%, #fff); /* ink band, one step up */
  --ink-3: color-mix(in srgb, var(--color-ink) 89%, #fff); /* ink band, two steps up */
  --fire-on-ink: color-mix(in srgb, var(--color-fire) 55%, #fff); /* accent ON ink: raw fire is ~2.6:1 there, this is 7.6:1 */
}