:root{
--os-black:#111111;
--os-white:#ffffff;
--os-ink-900:#111111;
--os-ink-800:#242322;
--os-ink-700:#3b3937;
--os-ink-600:#55524f;
--os-ink-500:#726e6a;
--os-ink-400:#928d87;
--os-ink-300:#b3aea7;
--os-ink-200:#d6d1c9;
--os-ink-100:#e9e5de;
--os-ink-50:#f2efe9;
--os-canvas:#faf8f5;
--os-cloud:#f2efe9;
--os-hairline:#dcd7cf;
--os-hairline-soft:#ece8e1;
--color-bg-page:var(--os-canvas);
--color-bg-surface:var(--os-white);
--color-bg-stage:var(--os-cloud);
--color-bg-inverse:var(--os-ink-900);
--color-border-default:var(--os-hairline);
--color-border-strong:var(--os-ink-900);
--color-text-primary:var(--os-ink-900);
--color-text-secondary:var(--os-ink-600);
--color-text-tertiary:var(--os-ink-400);
--color-text-inverse:var(--os-white);
--color-text-inverse-secondary:var(--os-ink-300);
--color-success:#1f6e43;
--color-success-bg:#e8f1ea;
--color-success-strong:#123f27;
--color-error:#ad3327;
--color-error-bg:#f8e9e6;
--color-error-strong:#6e1f17;
--color-warning:#8a5a12;
--color-warning-bg:#f6efdd;
--color-warning-strong:#523408;
--color-info:#2c4a6e;
--color-info-bg:#e8edf2;
--color-info-strong:#182c42;
--color-sale:#7a2320;
--color-sale-bg:#f3e6e4;
}