:root{
--ink-900:#0c0a09;
--ink-800:#1c1917;
--ink-700:#292524;
--body-600:#4e4e4e;
--muted-500:#777169;
--muted-400:#a8a29e;
--hairline-300:#e7e5e4;
--hairline-200:#f0efed;
--hairline-400:#d6d3d1;
--canvas-100:#f5f5f5;
--canvas-050:#fafafa;
--white:#ffffff;
--gradient-mint:#a7e5d3;
--gradient-peach:#f4c5a8;
--gradient-lavender:#c8b8e0;
--gradient-sky:#a8c8e8;
--gradient-rose:#e8b8c4;
--red-600:#dc2626;
--green-600:#16a34a;

--color-primary:var(--ink-700);
--color-primary-active:var(--ink-900);
--color-ink:var(--ink-900);
--color-body:var(--body-600);
--color-body-strong:var(--ink-700);
--color-muted:var(--muted-500);
--color-muted-soft:var(--muted-400);
--color-hairline:var(--hairline-300);
--color-hairline-soft:var(--hairline-200);
--color-hairline-strong:var(--hairline-400);
--color-canvas:var(--canvas-100);
--color-canvas-soft:var(--canvas-050);
--color-canvas-deep:var(--ink-900);
--surface-card:var(--white);
--surface-strong:var(--hairline-200);
--surface-dark:var(--ink-900);
--surface-dark-elevated:var(--ink-800);
--on-primary:var(--white);
--on-dark:var(--white);
--on-dark-soft:var(--muted-400);
--gradient-orb-mint:var(--gradient-mint);
--gradient-orb-peach:var(--gradient-peach);
--gradient-orb-lavender:var(--gradient-lavender);
--gradient-orb-sky:var(--gradient-sky);
--gradient-orb-rose:var(--gradient-rose);
--semantic-error:var(--red-600);
--semantic-success:var(--green-600);
--shadow-card-hover:0 4px 16px rgba(0,0,0,0.04);
}