:root{
--black:#000000;--white:#ffffff;
--gray-950:#0b0b0b;--gray-900:#1a1a1a;--gray-800:#2b2b2b;--gray-700:#3a3a3a;--gray-500:#7d7d7d;--gray-400:#8f8f8f;--gray-300:#b4b4b4;--gray-200:#cfcfcf;--gray-150:#dedede;--gray-100:#ececec;--gray-50:#f4f4f4;
--fg-1:var(--black);--fg-2:var(--gray-400);--fg-3:var(--gray-300);
--bg-1:var(--white);--bg-inverse:var(--black);
--fg-inverse-1:var(--white);--fg-inverse-2:var(--gray-200);--fg-inverse-3:var(--gray-800);
--text-body:var(--fg-1);--text-muted:var(--fg-2);--text-on-image:var(--white);
--surface-page:var(--bg-1);--surface-dark:var(--bg-inverse);--surface-frame:var(--white);--surface-placeholder:var(--gray-50);
--border-hairline:var(--gray-150);--border-frame:var(--gray-100);--border-hairline-dark:var(--gray-800);
--link:var(--fg-1);--link-hover:var(--gray-400);
--overlay-image:linear-gradient(180deg,rgba(0,0,0,.18) 0%,rgba(0,0,0,0) 22%,rgba(0,0,0,0) 70%,rgba(0,0,0,.28) 100%); /* @kind other */
}