:root{
--color-astronaut:#2c3c67;
--color-pelorous:#41b1c6;
--color-bali-hai:#899bb4;
--color-icy:#f4fbfc;
--color-lemon:#c4d82e;
--color-geyser:#d9e2e7;
--color-white:#ffffff;
--color-ink:#152631;

--astronaut-100:color-mix(in oklch,var(--color-astronaut) 15%,white);
--astronaut-200:color-mix(in oklch,var(--color-astronaut) 30%,white);
--astronaut-300:color-mix(in oklch,var(--color-astronaut) 50%,white);
--astronaut-400:color-mix(in oklch,var(--color-astronaut) 75%,white);
--astronaut-500:var(--color-astronaut);
--astronaut-600:color-mix(in oklch,var(--color-astronaut) 85%,black);
--astronaut-700:color-mix(in oklch,var(--color-astronaut) 68%,black);
--astronaut-800:color-mix(in oklch,var(--color-astronaut) 50%,black);

--pelorous-100:color-mix(in oklch,var(--color-pelorous) 15%,white);
--pelorous-200:color-mix(in oklch,var(--color-pelorous) 30%,white);
--pelorous-300:color-mix(in oklch,var(--color-pelorous) 50%,white);
--pelorous-400:color-mix(in oklch,var(--color-pelorous) 75%,white);
--pelorous-500:var(--color-pelorous);
--pelorous-600:color-mix(in oklch,var(--color-pelorous) 85%,black);
--pelorous-700:color-mix(in oklch,var(--color-pelorous) 68%,black);

--balihai-100:color-mix(in oklch,var(--color-bali-hai) 20%,white);
--balihai-200:color-mix(in oklch,var(--color-bali-hai) 40%,white);
--balihai-300:color-mix(in oklch,var(--color-bali-hai) 65%,white);
--balihai-500:var(--color-bali-hai);
--balihai-700:color-mix(in oklch,var(--color-bali-hai) 80%,black);

--lemon-100:color-mix(in oklch,var(--color-lemon) 22%,white);
--lemon-500:var(--color-lemon);
--lemon-700:color-mix(in oklch,var(--color-lemon) 72%,black);

--geyser-050:color-mix(in oklch,var(--color-geyser) 35%,white);
--geyser-100:color-mix(in oklch,var(--color-geyser) 65%,white);
--geyser-500:var(--color-geyser);
--geyser-700:color-mix(in oklch,var(--color-geyser) 60%,var(--color-bali-hai));

--surface-page:var(--color-icy);
--surface-canvas:var(--color-icy);
--surface-card:var(--color-white);
--surface-sunken:var(--geyser-100);
--surface-inverse:var(--color-astronaut);
--surface-brand:var(--color-astronaut);
--surface-brand-soft:var(--astronaut-100);
--surface-accent:var(--color-pelorous);
--surface-accent-soft:var(--pelorous-100);

--text-primary:var(--color-ink);
--text-secondary:color-mix(in oklch,var(--color-ink) 72%,white);
--text-muted:var(--balihai-700);
--text-inverse:var(--color-white);
--text-inverse-muted:color-mix(in oklch,var(--color-white) 72%,var(--color-astronaut));
--text-brand:var(--color-astronaut);
--text-link:var(--pelorous-700);
--text-link-hover:var(--astronaut-600);

--border-subtle:var(--geyser-500);
--border-default:var(--balihai-300);
--border-strong:var(--color-astronaut);
--border-focus:var(--color-pelorous);

--accent-lime:var(--color-lemon);
--accent-lime-soft:var(--lemon-100);

--action-primary-bg:var(--color-astronaut);
--action-primary-bg-hover:var(--astronaut-600);
--action-primary-bg-active:var(--astronaut-700);
--action-primary-text:var(--color-white);
--action-secondary-bg:var(--color-pelorous);
--action-secondary-bg-hover:var(--pelorous-600);
--action-secondary-bg-active:var(--pelorous-700);
--action-secondary-text:var(--color-white);
--action-ghost-bg-hover:var(--geyser-100);
--action-ghost-text:var(--color-astronaut);

--status-success:var(--lemon-700);
--status-success-soft:var(--lemon-100);
--status-info:var(--color-pelorous);
--status-info-soft:var(--pelorous-100);
--status-warning:#c98a34;
--status-warning-soft:#faeed9;
--color-utility-red:#d1495b;
--status-error:var(--color-utility-red);
--status-error-soft:color-mix(in oklch,var(--color-utility-red) 14%,white);

--shadow-sm:0 1px 2px color-mix(in oklch,var(--color-astronaut) 12%,transparent);
--shadow-md:0 4px 16px color-mix(in oklch,var(--color-astronaut) 16%,transparent);
--shadow-lg:0 16px 40px color-mix(in oklch,var(--color-astronaut) 22%,transparent);
}