:root{--color-jlpgreen-900: #102b2b;--color-jlpgreen-800: #0c4b22;--color-jlpgreen-700: #116a30;--color-jlpgreen-600: #179142;--color-jlpgreen-500: #1db954;--color-jlpgreen-400: #27dd67;--color-jlpgreen-300: #69e896;--color-jlpgreen-200: #b0f3c7;--color-jlpgreen-100: #d3f8e0;--color-jlpgreen-50: #f2fdf6;--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-jlpgreen-600);--text-critical: var(--color-red-600);--text-on-color: var(--color-white);--text-primary: var(--color-jlpgreen-800);--text-primary-strong: var(--color-jlpgreen-900);--text-secondary: var(--color-jlpgreen-700);--text-title: var(--color-white);--text-title-subdued: var(--color-gray-75);--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-black);--bg-primary-hover: var(--color-gray-800);--bg-primary-active: var(--color-gray-700);--bg-primary-subdued: var(--color-jlpgreen-50);--bg-primary-subdued-hover: var(--color-jlpgreen-100);--bg-primary-subdued-active: var(--color-jlpgreen-200);--bg-star: var(--color-black);--bg-accent: var(--color-jlpgreen-500);--bg-title: var(--color-jlpgreen-900);--bg-secondary: var(--color-jlpgreen-500);--bg-secondary-subdued: var(--color-jlpgreen-50);--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-gray-50);--text-header: var(--color-black);--border: var(--color-gray-200);--border-hover: var(--color-gray-300);--border-subdued: var(--color-gray-100);--border-primary: var(--color-jlpgreen-800);--border-secondary: var(--color-jlpgreen-200);--border-primary-subdued: var(--color-jlpgreen-500);--border-critical: var(--color-red-500);--ring: var(--color-jlpgreen-600);--fill-primary: var(--color-black);--fill-secondary: var(--color-jlpgreen-500);--fill-accent: var(--color-jlpgreen-500);--fill-accent-strong: var(--color-jlpgreen-900);--bg-nav: var(--color-gray-50);--bg-nav-hover: var(--color-gray-75);--text-nav: var(--color-black);--text-nav-accent: var(--color-jlpgreen-500);--border-nav-active: var(--color-jlpgreen-500)}