:root{
--color-pink:#FF007D;
--color-black:#0C0B0A;
--color-cream:#FFFCEC;
--color-mint:#41EAD4;
--color-white:#FFFFFF;
--gray-90:#1A1918;
--gray-70:#3D3B39;
--gray-50:#6B6863;
--gray-30:#A6A29A;
--gray-15:#D8D4C8;
--gray-05:#F4F1E4;
--surface-page:var(--color-cream);
--surface-page-alt:var(--color-white);
--surface-inverse:var(--color-black);
--surface-accent:var(--color-pink);
--surface-accent-secondary:var(--color-mint);
--surface-card-inverse:var(--gray-90);
--text-primary:var(--color-black);
--text-secondary:var(--gray-70);
--text-inverse:var(--color-white);
--text-inverse-muted:var(--gray-15);
--text-accent:var(--color-pink);
--text-accent-secondary:var(--color-mint);
--border-default:var(--color-black);
--border-inverse:var(--color-white);
--border-muted:var(--gray-15);
--link-color:var(--color-pink);
--link-hover-color:var(--color-black);
}