:root{
/* --- Brand ramp: Deep Pine (primary #0E6E62) --- */
--pine-25:#F1F8F6;--pine-50:#E2F1EE;--pine-100:#C2E3DD;--pine-200:#93CEC4;
--pine-300:#5FB4A7;--pine-400:#2E9084;--pine-500:#0E6E62;--pine-600:#0B5A50;
--pine-700:#09463F;--pine-800:#07332E;--pine-900:#05211E;

/* --- Neutrals: warm-cool graphite --- */
--ink-0:#FFFFFF;--ink-25:#FAFBFB;--ink-50:#F4F6F5;--ink-100:#EBEEED;
--ink-200:#DCE1E0;--ink-300:#BFC7C5;--ink-400:#A3ADAB;--ink-450:#8E9997;
--ink-500:#6B7573;--ink-600:#3F4846;--ink-650:#4C5654;--ink-700:#333B39;
--ink-800:#1E2422;--ink-900:#111614;--ink-950:#0A0D0C;

/* --- Accents (from reference artwork) --- */
--amber-100:#FFE9D2;--amber-300:#FFB871;--amber-500:#F2822B;--amber-700:#B8560F;
--violet-100:#EAE3FF;--violet-300:#BFA8FF;--violet-500:#8B5CF6;--violet-700:#5B31C4;
--sky-100:#DDEEF9;--sky-300:#9CD0EE;--sky-500:#3E9FD4;
--mint-100:#D8F5EC;--mint-300:#8FE0C7;--mint-500:#2FBF95;

/* --- Semantic: text --- */
--text-strong:var(--ink-950);
--text-body:var(--ink-700);
--text-muted:var(--ink-500);
--text-subtle:var(--ink-450);
--text-inverse:var(--ink-0);
--text-brand:var(--pine-500);
--text-link:var(--pine-600);
--text-link-hover:var(--pine-700);

/* --- Semantic: surfaces --- */
--surface-page:var(--ink-50);
--surface-card:var(--ink-0);
--surface-sunken:var(--ink-100);
--surface-inverse:var(--ink-950);
--surface-brand:var(--pine-500);
--surface-brand-soft:var(--pine-50);
--surface-overlay:rgba(10,13,12,.55);
--surface-glass:rgba(255,255,255,.72);

/* --- Semantic: lines --- */
--line-hairline:var(--ink-100);
--line-default:var(--ink-200);
--line-strong:var(--ink-300);
--line-brand:var(--pine-200);
--line-focus:var(--pine-400);

/* --- Semantic: status --- */
--status-success:#1E9E6A;--status-success-soft:#DEF4EA;
--status-warning:#D08A15;--status-warning-soft:#FDF0D6;
--status-danger:#C8452F;--status-danger-soft:#FBE5E1;
--status-info:var(--pine-500);--status-info-soft:var(--pine-50);

/* --- Gradients / washes --- */
--wash-hero:linear-gradient(180deg,#E9F4F1 0%,#F2F8F7 42%,#FFFFFF 100%); /* @kind color */
--wash-brand:linear-gradient(140deg,var(--pine-600) 0%,var(--pine-400) 100%); /* @kind color */
--wash-fade-bottom:linear-gradient(180deg,rgba(255,255,255,0) 0%,#FFFFFF 88%); /* @kind color */
}