:root{
--teal-900:#0c2f33;
--teal-800:#113F44;
--teal-700:#1a4f55;
--teal-600:#2c666c;
--teal-100:#e4ecec;
--stone-300:#DCD9D0;
--stone-200:#e7e4dc;
--stone-100:#f4f2ec;
--gray-300:#D4D4D4;
--gray-200:#e6e6e6;
--gray-100:#f5f5f5;
--white:#ffffff;
--ink:#1c2422;
--success:#4a7c59;
--warning:#b9822e;
--danger:#a3453b;
--bg-page:var(--stone-100);
--bg-surface:var(--white);
--bg-sunken:var(--stone-200);
--surface-card:var(--white);
--surface-inverse:var(--teal-800);
--text-primary:var(--ink);
--text-secondary:#5b6462;
--text-muted:#8a918f;
--text-inverse:var(--white);
--text-brand:var(--teal-800);
--border-default:var(--gray-300);
--border-subtle:var(--stone-300);
--border-strong:var(--teal-800);
--accent:var(--teal-800);
--accent-hover:var(--teal-700);
--accent-active:var(--teal-900);
--focus-ring:var(--teal-600);
}