:root{
/* --- Kraft neutrals: warm, paper-like. The system's default ground. --- */
--kraft-50:#FAF7F1;
--kraft-100:#F3EEE4;
--kraft-200:#E7DFD1;
--kraft-300:#D6C9B4;
--kraft-400:#B9A98F;

/* --- Ink: warm near-black through mid greys --- */
--ink-900:#16120E;
--ink-800:#241E18;
--ink-700:#3B332A;
--ink-500:#6B6054;
--ink-400:#8C8074;
--ink-300:#A99E92;

/* --- Marker Orange: the brand signal --- */
--orange-100:#FCE6DC;
--orange-200:#F8C7B2;
--orange-300:#F09B7E;
--orange-500:#E4572E;
--orange-600:#CB4520;
--orange-700:#A33517;

/* --- Amber: secondary accent, used sparingly for highlight/caution --- */
--amber-100:#FDF0C9;
--amber-300:#F8D65C;
--amber-500:#F2B705;
--amber-700:#B98A00;

/* --- Pine: verified / completed trades --- */
--pine-100:#D8EAE2;
--pine-500:#0E7C66;
--pine-700:#0A5B4B;

/* --- Maroon: destructive --- */
--maroon-100:#F3DAD7;
--maroon-500:#8C1D18;
--maroon-700:#6B1511;

--white:#FFFFFF;

/* ============ Semantic aliases ============ */
--bg-page:var(--kraft-50);
--bg-page-alt:var(--kraft-100);
--bg-inverse:var(--ink-900);
--surface-card:var(--white);
--surface-sunken:var(--kraft-100);
--surface-raised:var(--white);
--surface-tint:var(--orange-100);

--text-strong:var(--ink-900);
--text-body:var(--ink-700);
--text-muted:var(--ink-500);
--text-faint:var(--ink-400);
--text-inverse:var(--kraft-50);
--text-brand:var(--orange-600);
--text-link:var(--orange-600);
--text-link-hover:var(--orange-700);

--border-hairline:var(--kraft-200);
--border-default:var(--kraft-300);
--border-strong:var(--ink-900);
--border-focus:var(--orange-500);

--action-primary:var(--orange-500);
--action-primary-hover:var(--orange-600);
--action-primary-press:var(--orange-700);
--action-primary-text:var(--white);
--action-secondary:var(--ink-900);
--action-secondary-hover:var(--ink-800);

--status-verified:var(--pine-500);
--status-verified-bg:var(--pine-100);
--status-caution:var(--amber-700);
--status-caution-bg:var(--amber-100);
--status-danger:var(--maroon-500);
--status-danger-bg:var(--maroon-100);
--status-neutral-bg:var(--kraft-200);

--focus-ring:0 0 0 3px var(--orange-200);
--overlay-scrim:rgba(22,18,14,.55);
}