:root{
/* base ink */
--ink-900:#0c0a09;--ink-800:#1c1917;--ink-700:#292524;--ink-600:#4e4e4e;--ink-500:#777169;--ink-400:#a8a29e;
/* base neutrals */
--neutral-300:#d6d3d1;--neutral-200:#e7e5e4;--neutral-150:#f0efed;--neutral-100:#f5f5f5;--neutral-50:#fafafa;--white:#ffffff;
/* atmospheric gradient stops — decoration only */
--gradient-mint:#a7e5d3;--gradient-peach:#f4c5a8;--gradient-lavender:#c8b8e0;--gradient-sky:#a8c8e8;--gradient-rose:#e8b8c4;
/* semantic: action */
--primary:var(--ink-700);--primary-active:var(--ink-900);--on-primary:var(--white);
/* semantic: text */
--text-ink:var(--ink-900);--text-body:var(--ink-600);--text-body-strong:var(--ink-700);--text-muted:var(--ink-500);--text-muted-soft:var(--ink-400);--text-on-dark:var(--white);--text-on-dark-soft:var(--ink-400);
/* semantic: surface */
--canvas:var(--neutral-100);--canvas-soft:var(--neutral-50);--canvas-deep:var(--ink-900);--surface-card:var(--white);--surface-strong:var(--neutral-150);--surface-dark:var(--ink-900);--surface-dark-elevated:var(--ink-800);
/* semantic: line */
--hairline:var(--neutral-200);--hairline-soft:var(--neutral-150);--hairline-strong:var(--neutral-300);
/* semantic: status */
--status-success:#16a34a;--status-error:#dc2626;
}