:root{
--ls-white:#ffffff;
--ls-black:#000000;
--ls-graphite:#2a2c2e;
--ls-orange:#f9681e;
--ls-linen:#fffef9;
--ls-dust:#e6e2da;
--ls-porcelain:#ccc5ba;
--ls-orange-hover:#e35812;
--ls-orange-active:#c9490c;
--ls-orange-tint-10:color-mix(in oklch, var(--ls-orange) 10%, white);
--ls-orange-tint-20:color-mix(in oklch, var(--ls-orange) 20%, white);
--color-bg-page:var(--ls-linen);
--color-bg-surface:var(--ls-white);
--color-bg-muted:var(--ls-dust);
--color-bg-inverse:var(--ls-graphite);
--color-bg-inverse-hover:#3a3d40;
--color-accent:var(--ls-orange);
--color-accent-hover:var(--ls-orange-hover);
--color-accent-active:var(--ls-orange-active);
--color-accent-tint:var(--ls-orange-tint-10);
--color-text-primary:var(--ls-graphite);
--color-text-secondary:#6b6e70;
--color-text-on-accent:var(--ls-white);
--color-text-on-inverse:var(--ls-linen);
--color-text-disabled:#a7a39a;
--color-border-subtle:var(--ls-dust);
--color-border-default:var(--ls-porcelain);
--color-border-strong:var(--ls-graphite);
--color-border-focus:var(--ls-orange);
--color-success:#2f7a4f;
--color-danger:#c23b22;
--color-warning:#b9791a;
}