/* ============================================================
   Neuralmex design tokens
   Vendored verbatim from the Neuralmex Design System
   (claude.ai/design — tokens/colors.css, typography.css,
   spacing.css, elevation.css). Do not edit here; re-sync
   from the design system when it changes.
   ============================================================ */
:root{
/* --- Ink (near-black core) --- */
--ink-900:#0B0B0C;--ink-800:#141516;--ink-700:#1F2124;--ink-600:#33363B;--ink-500:#4C5057;
/* --- Stone (warm neutral scale, named for the mark) --- */
--stone-050:#FCFBF8;--stone-100:#F5F3EE;--stone-200:#E9E6DF;--stone-300:#D6D2C8;--stone-400:#B4AFA3;
--stone-500:#8B867A;--stone-600:#656056;
/* --- Vermilion (single brand accent) --- */
--vermilion-700:#A62D12;--vermilion-600:#C2360F;--vermilion-500:#E1441F;--vermilion-300:#F2A18C;
--vermilion-100:#FBE4DC;
/* --- Semantic states --- */
--green-500:#1E7A5C;--green-100:#DCEFE7;
--amber-500:#B47A12;--amber-100:#F6EBD4;
--red-500:#C0341C;--red-100:#F8E1DB;
--blue-500:#2C55C4;--blue-100:#DEE5FA;

/* --- Aliases: surfaces --- */
--surface-page:var(--stone-050);
--surface-card:#FFFFFF;
--surface-sunken:var(--stone-100);
--surface-inverse:var(--ink-900);
--surface-accent:var(--vermilion-500);
--surface-accent-soft:var(--vermilion-100);
/* --- Aliases: text --- */
--text-strong:var(--ink-900);
--text-body:var(--ink-700);
--text-muted:var(--stone-600);
--text-faint:var(--stone-500);
--text-inverse:var(--stone-050);
--text-accent:var(--vermilion-600);
--text-on-accent:#FFFFFF;
--text-link:var(--vermilion-600);
/* --- Aliases: lines --- */
--line-hairline:var(--stone-200);
--line-strong:var(--stone-300);
--line-on-ink:rgba(255,255,255,.10);
--line-on-ink-soft:rgba(255,255,255,.08);

/* --- Type --- */
--font-display:"Space Grotesk","Helvetica Neue",Arial,sans-serif;
--font-text:"Instrument Sans","Helvetica Neue",Arial,sans-serif;
--font-mono:"JetBrains Mono",ui-monospace,SFMono-Regular,Menlo,monospace;
--weight-regular:400;--weight-medium:500;--weight-semibold:600;--weight-bold:700;
--size-display-1:clamp(56px,7vw,104px);
--size-display-2:clamp(40px,4.6vw,68px);
--size-h1:44px;--size-h2:32px;--size-h3:24px;--size-h4:19px;
--size-body-lg:19px;--size-body:16px;--size-body-sm:14px;
--size-label:13px;--size-micro:11px;
--leading-tight:0.98;--leading-snug:1.12;--leading-normal:1.5;--leading-loose:1.65;
--track-display:-0.03em;--track-heading:-0.02em;--track-body:0em;--track-caps:0.14em;

/* --- Spacing / form --- */
--space-1:4px;--space-2:8px;--space-3:12px;--space-4:16px;--space-5:24px;--space-6:32px;
--space-7:48px;--space-8:64px;--space-9:96px;--space-10:144px;
--gutter:24px;--measure:64ch;
--container-max:1240px;--container-narrow:760px;
--radius-none:0px;--radius-xs:2px;--radius-sm:4px;--radius-md:6px;--radius-pill:999px;
--border-hairline:1px;--border-strong:1.5px;--border-heavy:2px;
--control-sm:32px;--control-md:40px;--control-lg:48px;

/* --- Elevation --- */
--shadow-none:none;
--shadow-1:0 1px 0 0 var(--line-hairline);
--shadow-2:0 1px 2px rgba(11,11,12,.06),0 0 0 1px rgba(11,11,12,.05);
--shadow-3:0 8px 24px -8px rgba(11,11,12,.14),0 0 0 1px rgba(11,11,12,.06);
--shadow-4:0 24px 64px -16px rgba(11,11,12,.22),0 0 0 1px rgba(11,11,12,.08);
--shadow-inset:inset 0 1px 0 rgba(255,255,255,.06);
--ring-focus:0 0 0 2px var(--surface-page),0 0 0 4px var(--vermilion-500);
--scrim-ink:linear-gradient(to top,rgba(11,11,12,.86),rgba(11,11,12,0));

/* --- Motion (from the design system readme) --- */
--dur-instant:90ms;--dur-control:140ms;--dur-surface:220ms;--dur-rare:380ms;
--ease-in:cubic-bezier(.2,0,0,1);--ease-out:cubic-bezier(.4,0,1,1);
}
