:root{--color-white: #ffffff;--color-black: #000000;--color-gray-900: #202223;--color-gray-800: #303436;--color-gray-75: #eff0f0;--color-gray-700: #4b5053;--color-gray-600: #6b7276;--color-gray-500: #81898d;--color-gray-400: #949a9e;--color-gray-300: #b1b6b9;--color-gray-200: #d4d7d8;--color-gray-100: #e7e8e9;--color-gray-50: #f7f7f8;--color-gray-25: #fcfcfd;--color-red-900: #3e130a;--color-red-800: #611e0f;--color-red-700: #922d17;--color-red-600: #b93f1d;--color-red-500: #dd4827;--color-red-400: #ec644b;--color-red-300: #ef846c;--color-red-200: #f39f8c;--color-red-100: #f7c1b5;--color-red-50: #fce8e3;--text: var(--color-gray-900);--text-subdued: var(--color-gray-700);--text-strong: var(--color-black);--text-interactive: var(--color-black);--text-critical: var(--color-red-600);--text-on-color: var(--color-white);--text-primary: var(--color-black);--text-primary-strong: var(--color-black);--text-secondary: var(--color-white);--text-title: var(--color-gray-900);--text-title-subdued: var(--color-gray-700);--text-link: var(--color-black);--bg: var(--color-white);--bg-hover: var(--color-gray-100);--bg-active: var(--color-gray-200);--bg-inverse: var(--color-gray-800);--bg-subdued: var(--color-gray-50);--bg-subdued-hover: var(--color-gray-75);--bg-primary: var(--color-gray-900);--bg-primary-hover: var(--color-gray-800);--bg-primary-active: var(--color-black);--bg-primary-subdued: var(--color-gray-100);--bg-primary-subdued-hover: var(--color-gray-200);--bg-primary-subdued-active: var(--color-gray-300);--bg-star: var(--color-black);--bg-accent: var(--color-black);--bg-title: var(--color-gray-50);--bg-secondary: var(--color-gray-500);--bg-secondary-subdued: var(--color-gray-400);--bg-critical: var(--color-red-600);--bg-critical-hover: var(--color-red-700);--bg-critical-active: var(--color-red-800);--bg-critical-subdued: var(--color-red-50);--bg-header: var(--color-white);--text-header: var(--color-gray-900);--border: var(--color-gray-200);--border-hover: var(--color-gray-300);--border-subdued: var(--color-gray-100);--border-primary: var(--color-black);--border-primary-subdued: var(--color-gray-900);--border-critical: var(--color-red-500);--border-secondary: var(--color-gray-200);--ring: var(--color-blue-500);--fill-primary: var(--color-black);--fill-secondary: var(--color-gray-300);--fill-accent: var(--color-gray-300);--fill-accent-strong: var(--color-black);--bg-nav: var(--color-gray-50);--bg-nav-hover: var(--color-gray-75);--text-nav: var(--color-black);--text-nav-accent: var(--color-gray-500);--border-nav-active: var(--color-black)}