:root{
--sf-ink:#0c1618;
--sf-teal-900:#1a4741;
--sf-green-600:#21895a;
--sf-wine-700:#723040;
--sf-blush-300:#f5b9be;
--sf-aqua-300:#8fd5dc;
--sf-cream-50:#f3ede5;
--sf-paper-50:#f9f9f9;
--sf-white:#ffffff;
--color-bg-page:var(--sf-paper-50);
--color-bg-canvas:var(--sf-cream-50);
--color-bg-surface:var(--sf-white);
--color-bg-inverse:var(--sf-teal-900);
--color-fg-primary:var(--sf-ink);
--color-fg-secondary:color-mix(in oklch, var(--sf-ink) 68%, transparent);
--color-fg-muted:color-mix(in oklch, var(--sf-ink) 46%, transparent);
--color-fg-inverse:var(--sf-white);
--color-fg-on-accent:var(--sf-white);
--color-brand-primary:var(--sf-teal-900);
--color-brand-secondary:var(--sf-green-600);
--color-accent-pink:var(--sf-blush-300);
--color-accent-aqua:var(--sf-aqua-300);
--color-accent-wine:var(--sf-wine-700);
--color-border-subtle:color-mix(in oklch, var(--sf-ink) 12%, transparent);
--color-border-default:color-mix(in oklch, var(--sf-ink) 20%, transparent);
--color-success:var(--sf-green-600);
--color-warning:oklch(78% 0.14 75); /* derived: no warning hue in brand palette; harmonized amber at matching lightness/chroma to --sf-green-600 */
--color-danger:var(--sf-wine-700);
--color-focus-ring:var(--sf-green-600);
}