:root, :host {
  --ojojo-color-bottom-bar-background: rgba(223.00000190734863, 224.000001847744, 228.0000016093254, 0.800000011920929);
  --ojojo-color-bottom-bar-item-active-background: rgba(255, 255, 255, 1);
  --ojojo-color-bottom-bar-item-hover-background: rgba(255, 255, 255, 1);
  --ojojo-color-bottom-bar-item-hover-fill: rgba(25.000000409781933, 30.00000011175871, 59.00000028312206, 1);
  --ojojo-color-bottom-bar-item-rest-background: rgba(255, 255, 255, 1);
  --ojojo-color-bottom-bar-item-rest-fill: rgba(25.000000409781933, 30.00000011175871, 59.00000028312206, 1);
  --ojojo-color-bottom-bar-item-selected-fill: rgba(22.000000588595867, 104.00000140070915, 227.00000166893005, 1);
  --ojojo-color-critical: rgba(167.00000524520874, 24.000000469386578, 60.00000022351742, 1);
  --ojojo-color-critical-container: rgba(254.00000005960464, 213.00000250339508, 216.00000232458115, 1);
  --ojojo-color-favorite: rgba(188.91757875680923, 36.45702973008156, 74.57216128706932, 1);
  --ojojo-color-featured: rgba(106.00000128149986, 53.00000064074993, 126.00000008940697, 1);
  --ojojo-color-featured-container: rgba(216.00000232458115, 184.00000423192978, 233.00000131130219, 1);
  --ojojo-color-info: rgba(198.00000339746475, 85.0000025331974, 49.00000087916851, 1);
  --ojojo-color-info-container: rgba(246.0000005364418, 232.00000137090683, 229.00000154972076, 1);
  --ojojo-color-inverse-on-surface: rgba(255, 255, 255, 1);
  --ojojo-color-inverse-surface: rgba(12.006362993270159, 10.023858323693275, 16.959681250154972, 1);
  --ojojo-color-on-critical: rgba(255, 255, 255, 1);
  --ojojo-color-on-critical-container: rgba(167.00000524520874, 24.000000469386578, 60.00000022351742, 1);
  --ojojo-color-on-featured: rgba(255, 255, 255, 1);
  --ojojo-color-on-featured-container: rgba(39.00000147521496, 16.000000946223736, 48.000000938773155, 1);
  --ojojo-color-on-info: rgba(255, 255, 255, 1);
  --ojojo-color-on-info-container: rgba(49.00000087916851, 22.000000588595867, 13.000000175088644, 1);
  --ojojo-color-on-overlay: rgba(255, 255, 255, 1);
  --ojojo-color-on-positive: rgba(255, 255, 255, 1);
  --ojojo-color-on-positive-container: rgba(16.000000946223736, 93.00000205636024, 74.0000031888485, 1);
  --ojojo-color-on-primary: rgba(255, 255, 255, 1);
  --ojojo-color-on-primary-container: rgba(19.0000007674098, 5.000000176951289, 25.000000409781933, 1);
  --ojojo-color-on-secondary: rgba(255, 255, 255, 1);
  --ojojo-color-on-secondary-container: rgba(19.0000007674098, 5.000000176951289, 25.000000409781933, 1);
  --ojojo-color-on-surface: rgba(12.006362993270159, 10.023858323693275, 16.959681250154972, 1);
  --ojojo-color-on-surface-variant: rgba(98.15859764814377, 90.06804898381233, 115.28549462556839, 1);
  --ojojo-color-on-tertiary: rgba(255, 255, 255, 1);
  --ojojo-color-on-tertiary-container: rgba(48.000000938773155, 48.000000938773155, 48.000000938773155, 1);
  --ojojo-color-outline: rgba(129.00000751018524, 132.0000073313713, 148.000006377697, 1);
  --ojojo-color-outline-focus: rgba(22.000000588595867, 104.00000140070915, 227.00000166893005, 1);
  --ojojo-color-outline-variant: rgba(223.00000190734863, 224.000001847744, 228.0000016093254, 1);
  --ojojo-color-overlay: rgba(12.006362993270159, 10.023858323693275, 16.959681250154972, 1);
  --ojojo-color-overlay-on-surface: rgba(12.006362993270159, 10.023858323693275, 16.959681250154972, 1);
  --ojojo-color-overlay-surface: rgba(255, 255, 255, 1);
  --ojojo-color-positive: rgba(34.00000177323818, 121.00000038743019, 80.00000283122063, 1);
  --ojojo-color-positive-container: rgba(190.0000038743019, 236.00000113248825, 198.00000339746475, 1);
  --ojojo-color-primary: rgba(106.00000128149986, 53.00000064074993, 126.00000008940697, 1);
  --ojojo-color-primary-container: rgba(240.00000089406967, 228.0000016093254, 246.0000005364418, 1);
  --ojojo-color-primary-container-variant: rgba(229.00000154972076, 208.0000028014183, 240.00000089406967, 1);
  --ojojo-color-primary-variant: rgba(39.00000147521496, 16.000000946223736, 48.000000938773155, 1);
  --ojojo-color-scrim: rgba(19.0000007674098, 5.000000176951289, 25.000000409781933, 1);
  --ojojo-color-scrim-opacity-high: rgba(12.000000234693289, 14.000000115484, 28.000000230968, 0.5);
  --ojojo-color-scrim-opacity-low: rgba(12.000000234693289, 14.000000115484, 28.000000230968, 0.3199999928474426);
  --ojojo-color-scrim-opacity-none: rgba(12.000000234693289, 14.000000115484, 28.000000230968, 0);
  --ojojo-color-scrim-opacity-xx-low: rgba(12.000000234693289, 14.000000115484, 28.000000230968, 0.10999999940395355);
  --ojojo-color-secondary: rgba(106.00000128149986, 53.00000064074993, 126.00000008940697, 1);
  --ojojo-color-secondary-container: rgba(240.00000089406967, 228.0000016093254, 246.0000005364418, 1);
  --ojojo-color-secondary-container-variant: rgba(229.00000154972076, 208.0000028014183, 240.00000089406967, 1);
  --ojojo-color-secondary-opacity-xx-low: rgba(22.000000588595867, 104.00000140070915, 227.00000166893005, 0.1599999964237213);
  --ojojo-color-shadow: rgba(12.000000234693289, 14.000000115484, 28.000000230968, 1);
  --ojojo-color-surface: rgba(255, 255, 255, 1);
  --ojojo-color-surface-container: rgba(234.91737842559814, 234.90295439958572, 235.6518942117691, 1);
  --ojojo-color-surface-container-variant: rgba(249.00000035762787, 249.00000035762787, 249.00000035762787, 1);
  --ojojo-color-surface-container-variant-opacity-none: rgba(239.00000095367432, 243.00000071525574, 247.00000047683716, 0);
  --ojojo-color-surface-high-elevation: rgba(255, 255, 255, 1);
  --ojojo-color-surface-low-elevation: rgba(255, 255, 255, 1);
  --ojojo-color-surface-medium-elevation: rgba(255, 255, 255, 1);
  --ojojo-color-surface-opacity-mid: rgba(255, 255, 255, 0.5);
  --ojojo-color-surface-opacity-none: rgba(255, 255, 255, 0);
  --ojojo-color-surface-opacity-x-high: rgba(255, 255, 255, 0.75);
  --ojojo-color-tertiary: rgba(71.00000336766243, 71.00000336766243, 71.00000336766243, 1);
  --ojojo-color-tertiary-container: rgba(212.99901455640793, 201.90061569213867, 195.83779782056808, 1);
  --ojojo-color-tertiary-container-variant: rgba(237.68329560756683, 230.94604432582855, 227.08615064620972, 1);
  --ojojo-color-web-header-on-surface: rgba(25.000000409781933, 30.00000011175871, 59.00000028312206, 1);
  --ojojo-color-web-header-surface: rgba(255, 255, 255, 1);
}
@media (prefers-color-scheme: dark) {
:root, :host {
  --ojojo-color-bottom-bar-background: rgba(49.00000087916851, 55.00000052154064, 79.00000289082527, 0.800000011920929);
  --ojojo-color-bottom-bar-item-active-background: rgba(25.000000409781933, 30.00000011175871, 59.00000028312206, 1);
  --ojojo-color-bottom-bar-item-hover-background: rgba(25.000000409781933, 30.00000011175871, 59.00000028312206, 1);
  --ojojo-color-bottom-bar-item-hover-fill: rgba(255, 255, 255, 1);
  --ojojo-color-bottom-bar-item-rest-background: rgba(25.000000409781933, 30.00000011175871, 59.00000028312206, 1);
  --ojojo-color-bottom-bar-item-rest-fill: rgba(255, 255, 255, 1);
  --ojojo-color-bottom-bar-item-selected-fill: rgba(100.00000163912773, 157.0000058412552, 242.00000077486038, 1);
  --ojojo-color-critical: rgba(245.00000059604645, 86.00000247359276, 105.00000134110451, 1);
  --ojojo-color-critical-container: rgba(66.00000366568565, 14.000000115484, 27.000000290572643, 1);
  --ojojo-color-favorite: rgba(226.92537367343903, 65.60879945755005, 105.9379430115223, 1);
  --ojojo-color-featured: rgba(178.00000458955765, 104.00000140070915, 209.00000274181366, 1);
  --ojojo-color-featured-container: rgba(106.00000128149986, 53.00000064074993, 126.00000008940697, 1);
  --ojojo-color-info: rgba(225.00000178813934, 107.00000122189522, 70.00000342726707, 1);
  --ojojo-color-info-container: rgba(92.00000211596489, 43.00000123679638, 27.000000290572643, 1);
  --ojojo-color-inverse-on-surface: rgba(27.92521834373474, 23.881066851317883, 35.980649292469025, 1);
  --ojojo-color-inverse-surface: rgba(249.00000035762787, 249.00000035762787, 249.00000035762787, 1);
  --ojojo-color-on-critical: rgba(25.000000409781933, 30.00000011175871, 59.00000028312206, 1);
  --ojojo-color-on-critical-container: rgba(245.00000059604645, 86.00000247359276, 105.00000134110451, 1);
  --ojojo-color-on-featured: rgba(255, 255, 255, 1);
  --ojojo-color-on-featured-container: rgba(247.00000047683716, 242.00000077486038, 251.00000023841858, 1);
  --ojojo-color-on-info: rgba(49.00000087916851, 22.000000588595867, 13.000000175088644, 1);
  --ojojo-color-on-info-container: rgba(246.0000005364418, 232.00000137090683, 229.00000154972076, 1);
  --ojojo-color-on-overlay: rgba(255, 255, 255, 1);
  --ojojo-color-on-positive: rgba(25.000000409781933, 30.00000011175871, 59.00000028312206, 1);
  --ojojo-color-on-positive-container: rgba(87.00000241398811, 202.00000315904617, 97.00000181794167, 1);
  --ojojo-color-on-primary: rgba(39.00000147521496, 16.000000946223736, 48.000000938773155, 1);
  --ojojo-color-on-primary-container: rgba(247.00000047683716, 242.00000077486038, 251.00000023841858, 1);
  --ojojo-color-on-secondary: rgba(39.00000147521496, 16.000000946223736, 48.000000938773155, 1);
  --ojojo-color-on-secondary-container: rgba(247.00000047683716, 242.00000077486038, 251.00000023841858, 1);
  --ojojo-color-on-surface: rgba(255, 255, 255, 1);
  --ojojo-color-on-surface-variant: rgba(204.0174213051796, 202.92032897472382, 207.21209228038788, 1);
  --ojojo-color-on-tertiary: rgba(25.000000409781933, 25.000000409781933, 25.000000409781933, 1);
  --ojojo-color-on-tertiary-container: rgba(251.07672572135925, 247.12784081697464, 245.14072984457016, 1);
  --ojojo-color-outline: rgba(153.00000607967377, 156.00000590085983, 168.0000051856041, 1);
  --ojojo-color-outline-focus: rgba(61.00000016391277, 132.0000073313713, 240.00000089406967, 1);
  --ojojo-color-outline-variant: rgba(103.0000014603138, 106.00000128149986, 125.00000014901161, 1);
  --ojojo-color-overlay: rgba(27.92521834373474, 23.881066851317883, 35.980649292469025, 1);
  --ojojo-color-overlay-on-surface: rgba(255, 255, 255, 1);
  --ojojo-color-overlay-surface: rgba(27.92521834373474, 23.881066851317883, 35.980649292469025, 1);
  --ojojo-color-positive: rgba(87.00000241398811, 202.00000315904617, 97.00000181794167, 1);
  --ojojo-color-positive-container: rgba(2.000000118277967, 38.0000015348196, 35.00000171363354, 1);
  --ojojo-color-primary: rgba(196.00000351667404, 143.00000667572021, 221.00000202655792, 1);
  --ojojo-color-primary-container: rgba(106.00000128149986, 53.00000064074993, 126.00000008940697, 1);
  --ojojo-color-primary-container-variant: rgba(69.00000348687172, 33.00000183284283, 84.00000259280205, 1);
  --ojojo-color-primary-variant: rgba(216.00000232458115, 184.00000423192978, 233.00000131130219, 1);
  --ojojo-color-scrim: rgba(19.0000007674098, 5.000000176951289, 25.000000409781933, 1);
  --ojojo-color-scrim-opacity-high: rgba(12.000000234693289, 14.000000115484, 28.000000230968, 0.5);
  --ojojo-color-scrim-opacity-low: rgba(12.000000234693289, 14.000000115484, 28.000000230968, 0.3199999928474426);
  --ojojo-color-scrim-opacity-none: rgba(12.000000234693289, 14.000000115484, 28.000000230968, 0);
  --ojojo-color-scrim-opacity-xx-low: rgba(12.000000234693289, 14.000000115484, 28.000000230968, 0.10999999940395355);
  --ojojo-color-secondary: rgba(196.00000351667404, 143.00000667572021, 221.00000202655792, 1);
  --ojojo-color-secondary-container: rgba(106.00000128149986, 53.00000064074993, 126.00000008940697, 1);
  --ojojo-color-secondary-container-variant: rgba(69.00000348687172, 33.00000183284283, 84.00000259280205, 1);
  --ojojo-color-secondary-opacity-xx-low: rgba(100.00000163912773, 157.0000058412552, 242.00000077486038, 0.1599999964237213);
  --ojojo-color-shadow: rgba(12.000000234693289, 14.000000115484, 28.000000230968, 1);
  --ojojo-color-surface: rgba(39.00000147521496, 16.000000946223736, 48.000000938773155, 1);
  --ojojo-color-surface-container: rgba(51.08476281166077, 46.01775370538235, 63.202392384409904, 1);
  --ojojo-color-surface-container-variant: rgba(69.00000348687172, 33.00000183284283, 84.00000259280205, 1);
  --ojojo-color-surface-container-variant-opacity-none: rgba(25.000000409781933, 30.00000011175871, 59.00000028312206, 0);
  --ojojo-color-surface-high-elevation: rgba(69.00000348687172, 33.00000183284283, 84.00000259280205, 1);
  --ojojo-color-surface-low-elevation: rgba(39.00000147521496, 16.000000946223736, 48.000000938773155, 1);
  --ojojo-color-surface-medium-elevation: rgba(69.00000348687172, 33.00000183284283, 84.00000259280205, 1);
  --ojojo-color-surface-opacity-mid: rgba(12.000000234693289, 14.000000115484, 28.000000230968, 0.5);
  --ojojo-color-surface-opacity-none: rgba(12.000000234693289, 14.000000115484, 28.000000230968, 0);
  --ojojo-color-surface-opacity-x-high: rgba(12.000000234693289, 14.000000115484, 28.000000230968, 0.75);
  --ojojo-color-tertiary: rgba(212.99901455640793, 201.90061569213867, 195.83779782056808, 1);
  --ojojo-color-tertiary-container: rgba(71.00000336766243, 71.00000336766243, 71.00000336766243, 1);
  --ojojo-color-tertiary-container-variant: rgba(48.000000938773155, 48.000000938773155, 48.000000938773155, 1);
  --ojojo-color-web-header-on-surface: rgba(242.00000077486038, 242.00000077486038, 242.00000077486038, 1);
  --ojojo-color-web-header-surface: rgba(12.000000234693289, 14.000000115484, 28.000000230968, 1);
}
}
:root, :host {
  --ojojo-corner-radius-l: 0.5rem;
  --ojojo-corner-radius-m: 0.25rem;
  --ojojo-corner-radius-max: 2500rem;
  --ojojo-corner-radius-none: 0;
  --ojojo-corner-radius-s: 0.125rem;
  --ojojo-corner-radius-xl: 1rem;
  --ojojo-corner-radius-xxl: 1.5rem;
  --ojojo-corner-radius-spotlight-icon-12x-corner-radius: 2500rem;
  --ojojo-corner-radius-spotlight-icon-16x-corner-radius: 2500rem;
}
:root, :host {
  --ojojo-shadow-high-elevation-color: rgba(12.000000234693289, 14.000000115484, 28.000000230968, 0.11999999731779099);
  --ojojo-shadow-low-elevation-color: rgba(12.000000234693289, 14.000000115484, 28.000000230968, 0);
  --ojojo-shadow-medium-elevation-color: rgba(12.000000234693289, 14.000000115484, 28.000000230968, 0.07999999821186066);
  --ojojo-shadow-high-elevation-blur: 2.25rem;
  --ojojo-shadow-high-elevation-pos-x: 0;
  --ojojo-shadow-high-elevation-pos-y: 0.375rem;
  --ojojo-shadow-high-elevation-spread: 0;
  --ojojo-shadow-low-elevation-blur: 0;
  --ojojo-shadow-low-elevation-pos-x: 0;
  --ojojo-shadow-low-elevation-pos-y: 0;
  --ojojo-shadow-low-elevation-spread: 0;
  --ojojo-shadow-medium-elevation-blur: 0.75rem;
  --ojojo-shadow-medium-elevation-pos-x: 0;
  --ojojo-shadow-medium-elevation-pos-y: 0.125rem;
  --ojojo-shadow-medium-elevation-spread: 0;
}
:root, :host {
  --ojojo-spacing-l: 1.5rem;
  --ojojo-spacing-layout-horizontal-l: 3rem;
  --ojojo-spacing-layout-horizontal-m: 2rem;
  --ojojo-spacing-layout-minimum-page-margin-l: 3rem;
  --ojojo-spacing-layout-minimum-page-margin-s: 1.5rem;
  --ojojo-spacing-layout-vertical-l: 3rem;
  --ojojo-spacing-layout-vertical-m: 2rem;
  --ojojo-spacing-m: 1rem;
  --ojojo-spacing-s: 0.5rem;
  --ojojo-spacing-section-l: 3rem;
  --ojojo-spacing-section-m: 2rem;
  --ojojo-spacing-xl: 2rem;
  --ojojo-spacing-xs: 0.25rem;
}
:root, :host {
  --ojojo-typography-body-l-font-size: 1rem;
  --ojojo-typography-body-l-font-tracking: -0.0075rem;
  --ojojo-typography-body-l-line-height: 1.375rem;
  --ojojo-typography-body-l-line-height-variant: 1.625rem;
  --ojojo-typography-body-m-font-size: 0.875rem;
  --ojojo-typography-body-m-font-tracking: -0.0075rem;
  --ojojo-typography-body-m-line-height: 1.25rem;
  --ojojo-typography-body-m-line-height-variant: 1.375rem;
  --ojojo-typography-body-s-font-size: 0.75rem;
  --ojojo-typography-body-s-font-tracking: 0;
  --ojojo-typography-body-s-line-height: 1.125rem;
  --ojojo-typography-body-s-line-height-variant: 1rem;
  --ojojo-typography-display-m-font-size: 2.25rem;
  --ojojo-typography-display-m-font-tracking: -0.06rem;
  --ojojo-typography-display-m-line-height: 2.5rem;
  --ojojo-typography-display-s-font-size: 1.75rem;
  --ojojo-typography-display-s-font-tracking: -0.06rem;
  --ojojo-typography-display-s-line-height: 2rem;
  --ojojo-typography-headline-font-tracking: -0.06rem;
  --ojojo-typography-headline-l-font-size: 1.75rem;
  --ojojo-typography-headline-l-font-tracking: -0.03rem;
  --ojojo-typography-headline-l-line-height: 2rem;
  --ojojo-typography-headline-m-font-size: 1.25rem;
  --ojojo-typography-headline-m-font-tracking: -0.03rem;
  --ojojo-typography-headline-m-line-height: 1.5rem;
  --ojojo-typography-headline-overline-font-size: 0.75rem;
  --ojojo-typography-headline-overline-font-tracking: 0.04rem;
  --ojojo-typography-headline-overline-line-height: 1rem;
  --ojojo-typography-headline-s-font-size: 1rem;
  --ojojo-typography-headline-s-font-tracking: 0;
  --ojojo-typography-headline-s-line-height: 1.25rem;
  --ojojo-typography-headline-xl-font-size: 2.25rem;
  --ojojo-typography-headline-xl-font-tracking: -0.03rem;
  --ojojo-typography-headline-xl-line-height: 2.5rem;
  --ojojo-typography-body-emphasized-font-weight: 500;
  --ojojo-typography-body-font-weight: 400;
  --ojojo-typography-display-font-weight: 500;
  --ojojo-typography-headline-font-weight: 500;
  --ojojo-typography-body-font-name: "Noto Sans";
  --ojojo-typography-display-font-name: "Manrope";
  --ojojo-typography-headline-font-name: "Noto Sans";
  --ojojo-typography-headline-l-font-name: "Noto Sans";
  --ojojo-typography-headline-m-font-name: "Noto Sans";
  --ojojo-typography-headline-overline-font-name: "Noto Sans";
  --ojojo-typography-headline-s-font-name: "Noto Sans";
  --ojojo-typography-headline-xl-font-name: "Noto Sans";
  --ojojo-typography-display-l-font-size: 2.625rem;
  --ojojo-typography-display-l-font-tracking: -0.06rem;
  --ojojo-typography-display-l-line-height: 2.75rem;
}
/* ==========================================================================
   Ojojo Tokens — glowro
   Generated from: tokens.manifest.json + glowro.tokens.json
   DO NOT EDIT — regenerate with: python3 generate-web-themes.py
   ========================================================================== */

:root,
:host {
  /* Static Corner Radius
     ────────────────────────────────────────────────────────────────────── */
  --ojojo-corner-radius-0x: 0;
  --ojojo-corner-radius-0x-half: 0.125rem;
  --ojojo-corner-radius-10000x: 2500rem;
  --ojojo-corner-radius-1x: 0.25rem;
  --ojojo-corner-radius-2x: 0.5rem;
  --ojojo-corner-radius-3x: 0.75rem;
  --ojojo-corner-radius-4x: 1rem;
  --ojojo-corner-radius-6x: 1.5rem;

  /* Static Opacity
     ────────────────────────────────────────────────────────────────────── */
  --ojojo-opacity-0: 0;
  --ojojo-opacity-100: 1;
  --ojojo-opacity-12: 0.12;
  --ojojo-opacity-24: 0.24;
  --ojojo-opacity-36: 0.36;
  --ojojo-opacity-56: 0.56;
  --ojojo-opacity-72: 0.72;
  --ojojo-opacity-83: 0.83;
  --ojojo-opacity-92: 0.92;

  /* Static Sizing
     ────────────────────────────────────────────────────────────────────── */
  --ojojo-sizing-0x: 0;
  --ojojo-sizing-0x-half: 0.125rem;
  --ojojo-sizing-0x-quarter: 0.0625rem;
  --ojojo-sizing-100x: 25rem;
  --ojojo-sizing-10x: 2.5rem;
  --ojojo-sizing-11x: 2.75rem;
  --ojojo-sizing-120x: 30rem;
  --ojojo-sizing-12x: 3rem;
  --ojojo-sizing-130x: 32.5rem;
  --ojojo-sizing-14x: 3.5rem;
  --ojojo-sizing-15x: 3.75rem;
  --ojojo-sizing-165x: 41.25rem;
  --ojojo-sizing-16x: 4rem;
  --ojojo-sizing-17x: 4.25rem;
  --ojojo-sizing-180x: 45rem;
  --ojojo-sizing-18x: 4.5rem;
  --ojojo-sizing-1x: 0.25rem;
  --ojojo-sizing-1x-half: 0.375rem;
  --ojojo-sizing-20x: 5rem;
  --ojojo-sizing-2x: 0.5rem;
  --ojojo-sizing-38x: 9.5rem;
  --ojojo-sizing-3x: 0.75rem;
  --ojojo-sizing-3x-half: 0.875rem;
  --ojojo-sizing-48x: 12rem;
  --ojojo-sizing-4x: 1rem;
  --ojojo-sizing-4x-half: 1.125rem;
  --ojojo-sizing-5x: 1.25rem;
  --ojojo-sizing-6x: 1.5rem;
  --ojojo-sizing-70x: 17.5rem;
  --ojojo-sizing-72x: 18rem;
  --ojojo-sizing-7x: 1.75rem;
  --ojojo-sizing-8x: 2rem;
  --ojojo-sizing-9x: 2.25rem;
  --ojojo-sizing-25x: 6.25rem;

  /* Static Spacing
     ────────────────────────────────────────────────────────────────────── */
  --ojojo-spacing-0x: 0;
  --ojojo-spacing-0x-half: 0.125rem;
  --ojojo-spacing-12x: 3rem;
  --ojojo-spacing-14x: 3.5rem;
  --ojojo-spacing-1x: 0.25rem;
  --ojojo-spacing-1x-half: 0.375rem;
  --ojojo-spacing-2x: 0.5rem;
  --ojojo-spacing-3x: 0.75rem;
  --ojojo-spacing-4x: 1rem;
  --ojojo-spacing-5x: 1.25rem;
  --ojojo-spacing-6x: 1.5rem;
  --ojojo-spacing-7x: 1.75rem;
  --ojojo-spacing-8x: 2rem;
  --ojojo-spacing-15x: 3.75rem;
  --ojojo-spacing-13x: 3.25rem;

  /* Static Typography
     ────────────────────────────────────────────────────────────────────── */
  --ojojo-typography-font-line-height-100: 0.75rem;
  --ojojo-typography-font-line-height-1000: 5rem;
  --ojojo-typography-font-line-height-200: 1rem;
  --ojojo-typography-font-line-height-200-spacious: 1.125rem;
  --ojojo-typography-font-line-height-300: 1.25rem;
  --ojojo-typography-font-line-height-300-spacious: 1.375rem;
  --ojojo-typography-font-line-height-400: 1.375rem;
  --ojojo-typography-font-line-height-400-spacious: 1.5rem;
  --ojojo-typography-font-line-height-500: 1.625rem;
  --ojojo-typography-font-line-height-600: 2rem;
  --ojojo-typography-font-line-height-700: 2.5rem;
  --ojojo-typography-font-line-height-800: 2.75rem;
  --ojojo-typography-font-line-height-900: 3.5rem;
  --ojojo-typography-font-size-100: 0.625rem;
  --ojojo-typography-font-size-1000: 4.875rem;
  --ojojo-typography-font-size-200: 0.75rem;
  --ojojo-typography-font-size-300: 0.875rem;
  --ojojo-typography-font-size-400: 1rem;
  --ojojo-typography-font-size-500: 1.25rem;
  --ojojo-typography-font-size-600: 1.75rem;
  --ojojo-typography-font-size-700: 2.25rem;
  --ojojo-typography-font-size-800: 2.625rem;
  --ojojo-typography-font-size-900: 3.5rem;
  --ojojo-typography-font-weight-300: 300;
  --ojojo-typography-font-weight-400: 400;
  --ojojo-typography-font-weight-500: 500;
  --ojojo-typography-font-weight-700: 700;
  --ojojo-typography-font-name: "Noto Sans";

  /* Static Typography (Composites)
     ────────────────────────────────────────────────────────────────────── */
  --ojojo-typography-body--l-font-family: "Noto Sans";
  --ojojo-typography-body--l-font-size: 1rem;
  --ojojo-typography-body--l-font-weight: 400;
  --ojojo-typography-body--l-tracking: -0.007499999832361937rem;
  --ojojo-typography-body--l-line-height: 1.375rem;
  --ojojo-typography-body--l-alternate-line-height-font-family: "Noto Sans";
  --ojojo-typography-body--l-alternate-line-height-font-size: 1rem;
  --ojojo-typography-body--l-alternate-line-height-font-weight: 400;
  --ojojo-typography-body--l-alternate-line-height-tracking: -0.007499999832361937rem;
  --ojojo-typography-body--l-alternate-line-height-line-height: 1.625rem;
  --ojojo-typography-body--l-alternate-line-height-emphasized-font-family: "Noto Sans";
  --ojojo-typography-body--l-alternate-line-height-emphasized-font-size: 1rem;
  --ojojo-typography-body--l-alternate-line-height-emphasized-font-weight: 500;
  --ojojo-typography-body--l-alternate-line-height-emphasized-tracking: -0.007499999832361937rem;
  --ojojo-typography-body--l-alternate-line-height-emphasized-line-height: 1.625rem;
  --ojojo-typography-body--l-emphasized-font-family: "Noto Sans";
  --ojojo-typography-body--l-emphasized-font-size: 1rem;
  --ojojo-typography-body--l-emphasized-font-weight: 500;
  --ojojo-typography-body--l-emphasized-tracking: -0.007499999832361937rem;
  --ojojo-typography-body--l-emphasized-line-height: 1.375rem;
  --ojojo-typography-body--m-font-family: "Noto Sans";
  --ojojo-typography-body--m-font-size: 0.875rem;
  --ojojo-typography-body--m-font-weight: 400;
  --ojojo-typography-body--m-tracking: -0.007499999832361937rem;
  --ojojo-typography-body--m-line-height: 1.25rem;
  --ojojo-typography-body--m-alternate-line-height-font-family: "Noto Sans";
  --ojojo-typography-body--m-alternate-line-height-font-size: 0.875rem;
  --ojojo-typography-body--m-alternate-line-height-font-weight: 400;
  --ojojo-typography-body--m-alternate-line-height-tracking: -0.007499999832361937rem;
  --ojojo-typography-body--m-alternate-line-height-line-height: 1.375rem;
  --ojojo-typography-body--m-alternate-line-height-emphasized-font-family: "Noto Sans";
  --ojojo-typography-body--m-alternate-line-height-emphasized-font-size: 0.875rem;
  --ojojo-typography-body--m-alternate-line-height-emphasized-font-weight: 500;
  --ojojo-typography-body--m-alternate-line-height-emphasized-tracking: -0.007499999832361937rem;
  --ojojo-typography-body--m-alternate-line-height-emphasized-line-height: 1.375rem;
  --ojojo-typography-body--m-emphasized-font-family: "Noto Sans";
  --ojojo-typography-body--m-emphasized-font-size: 0.875rem;
  --ojojo-typography-body--m-emphasized-font-weight: 500;
  --ojojo-typography-body--m-emphasized-tracking: -0.007499999832361937rem;
  --ojojo-typography-body--m-emphasized-line-height: 1.25rem;
  --ojojo-typography-body--s-font-family: "Noto Sans";
  --ojojo-typography-body--s-font-size: 0.75rem;
  --ojojo-typography-body--s-font-weight: 400;
  --ojojo-typography-body--s-tracking: 0;
  --ojojo-typography-body--s-line-height: 1.125rem;
  --ojojo-typography-body--s-alternate-line-height-font-family: "Noto Sans";
  --ojojo-typography-body--s-alternate-line-height-font-size: 0.75rem;
  --ojojo-typography-body--s-alternate-line-height-font-weight: 400;
  --ojojo-typography-body--s-alternate-line-height-tracking: 0;
  --ojojo-typography-body--s-alternate-line-height-line-height: 1rem;
  --ojojo-typography-body--s-alternate-line-height-emphasized-font-family: "Noto Sans";
  --ojojo-typography-body--s-alternate-line-height-emphasized-font-size: 0.75rem;
  --ojojo-typography-body--s-alternate-line-height-emphasized-font-weight: 500;
  --ojojo-typography-body--s-alternate-line-height-emphasized-tracking: 0;
  --ojojo-typography-body--s-alternate-line-height-emphasized-line-height: 1rem;
  --ojojo-typography-body--s-emphasized-font-family: "Noto Sans";
  --ojojo-typography-body--s-emphasized-font-size: 0.75rem;
  --ojojo-typography-body--s-emphasized-font-weight: 500;
  --ojojo-typography-body--s-emphasized-tracking: 0;
  --ojojo-typography-body--s-emphasized-line-height: 1.125rem;
  --ojojo-typography-display--m-font-family: "Manrope";
  --ojojo-typography-display--m-font-size: 2.25rem;
  --ojojo-typography-display--m-font-weight: 500;
  --ojojo-typography-display--m-tracking: -0.05999999865889549rem;
  --ojojo-typography-display--m-line-height: 2.5rem;
  --ojojo-typography-display--s-font-family: "Manrope";
  --ojojo-typography-display--s-font-size: 1.75rem;
  --ojojo-typography-display--s-font-weight: 500;
  --ojojo-typography-display--s-tracking: -0.05999999865889549rem;
  --ojojo-typography-display--s-line-height: 2rem;
  --ojojo-typography-font--1000--bold-font-family: "Noto Sans";
  --ojojo-typography-font--1000--bold-font-size: 4.875rem;
  --ojojo-typography-font--1000--bold-line-height: 5rem;
  --ojojo-typography-font--1000--bold-tracking: 0;
  --ojojo-typography-font--1000--bold-font-weight: 700;
  --ojojo-typography-font--1000--medium-font-family: "Noto Sans";
  --ojojo-typography-font--1000--medium-font-size: 4.875rem;
  --ojojo-typography-font--1000--medium-line-height: 5rem;
  --ojojo-typography-font--1000--medium-tracking: 0;
  --ojojo-typography-font--1000--medium-font-weight: 500;
  --ojojo-typography-font--1000--regular-font-family: "Noto Sans";
  --ojojo-typography-font--1000--regular-font-size: 4.875rem;
  --ojojo-typography-font--1000--regular-line-height: 5rem;
  --ojojo-typography-font--1000--regular-tracking: 0;
  --ojojo-typography-font--1000--regular-font-weight: 400;
  --ojojo-typography-font--100--bold-font-family: "Noto Sans";
  --ojojo-typography-font--100--bold-font-size: 0.625rem;
  --ojojo-typography-font--100--bold-line-height: 0.75rem;
  --ojojo-typography-font--100--bold-tracking: 0;
  --ojojo-typography-font--100--bold-font-weight: 700;
  --ojojo-typography-font--100--medium-font-family: "Noto Sans";
  --ojojo-typography-font--100--medium-font-size: 0.625rem;
  --ojojo-typography-font--100--medium-line-height: 0.75rem;
  --ojojo-typography-font--100--medium-tracking: 0;
  --ojojo-typography-font--100--medium-font-weight: 500;
  --ojojo-typography-font--100--regular-font-family: "Noto Sans";
  --ojojo-typography-font--100--regular-font-size: 0.625rem;
  --ojojo-typography-font--100--regular-line-height: 0.75rem;
  --ojojo-typography-font--100--regular-tracking: 0;
  --ojojo-typography-font--100--regular-font-weight: 400;
  --ojojo-typography-font--200--bold-font-family: "Noto Sans";
  --ojojo-typography-font--200--bold-font-size: 0.75rem;
  --ojojo-typography-font--200--bold-line-height: 1rem;
  --ojojo-typography-font--200--bold-tracking: 0;
  --ojojo-typography-font--200--bold-font-weight: 700;
  --ojojo-typography-font--200--bold--underline-font-family: "Noto Sans";
  --ojojo-typography-font--200--bold--underline-font-size: 0.75rem;
  --ojojo-typography-font--200--bold--underline-line-height: 1rem;
  --ojojo-typography-font--200--bold--underline-tracking: 0;
  --ojojo-typography-font--200--bold--underline-font-weight: 700;
  --ojojo-typography-font--200--bold--underline-text-decoration: underline;
  --ojojo-typography-font--200--medium-font-family: "Noto Sans";
  --ojojo-typography-font--200--medium-font-size: 0.75rem;
  --ojojo-typography-font--200--medium-line-height: 1rem;
  --ojojo-typography-font--200--medium-tracking: 0;
  --ojojo-typography-font--200--medium-font-weight: 500;
  --ojojo-typography-font--200--regular-font-family: "Noto Sans";
  --ojojo-typography-font--200--regular-font-size: 0.75rem;
  --ojojo-typography-font--200--regular-line-height: 1rem;
  --ojojo-typography-font--200--regular-tracking: 0;
  --ojojo-typography-font--200--regular-font-weight: 400;
  --ojojo-typography-font--200--regular--underline-font-family: "Noto Sans";
  --ojojo-typography-font--200--regular--underline-font-size: 0.75rem;
  --ojojo-typography-font--200--regular--underline-line-height: 1rem;
  --ojojo-typography-font--200--regular--underline-tracking: 0;
  --ojojo-typography-font--200--regular--underline-font-weight: 400;
  --ojojo-typography-font--200--regular--underline-text-decoration: underline;
  --ojojo-typography-font--300--bold-font-family: "Noto Sans";
  --ojojo-typography-font--300--bold-font-size: 0.875rem;
  --ojojo-typography-font--300--bold-line-height: 1.25rem;
  --ojojo-typography-font--300--bold-tracking: 0;
  --ojojo-typography-font--300--bold-font-weight: 700;
  --ojojo-typography-font--300--bold--underline-font-family: "Noto Sans";
  --ojojo-typography-font--300--bold--underline-font-size: 0.875rem;
  --ojojo-typography-font--300--bold--underline-line-height: 1.25rem;
  --ojojo-typography-font--300--bold--underline-tracking: 0;
  --ojojo-typography-font--300--bold--underline-font-weight: 700;
  --ojojo-typography-font--300--bold--underline-text-decoration: underline;
  --ojojo-typography-font--300--medium-font-family: "Noto Sans";
  --ojojo-typography-font--300--medium-font-size: 0.875rem;
  --ojojo-typography-font--300--medium-line-height: 1.25rem;
  --ojojo-typography-font--300--medium-tracking: 0;
  --ojojo-typography-font--300--medium-font-weight: 500;
  --ojojo-typography-font--300--regular-font-family: "Noto Sans";
  --ojojo-typography-font--300--regular-font-size: 0.875rem;
  --ojojo-typography-font--300--regular-line-height: 1.25rem;
  --ojojo-typography-font--300--regular-tracking: 0;
  --ojojo-typography-font--300--regular-font-weight: 400;
  --ojojo-typography-font--300--regular--underline-font-family: "Noto Sans";
  --ojojo-typography-font--300--regular--underline-font-size: 0.875rem;
  --ojojo-typography-font--300--regular--underline-line-height: 1.25rem;
  --ojojo-typography-font--300--regular--underline-tracking: 0;
  --ojojo-typography-font--300--regular--underline-font-weight: 400;
  --ojojo-typography-font--300--regular--underline-text-decoration: underline;
  --ojojo-typography-font--400--bold-font-family: "Noto Sans";
  --ojojo-typography-font--400--bold-font-size: 1rem;
  --ojojo-typography-font--400--bold-line-height: 1.375rem;
  --ojojo-typography-font--400--bold-tracking: 0;
  --ojojo-typography-font--400--bold-font-weight: 700;
  --ojojo-typography-font--400--bold--underline-font-family: "Noto Sans";
  --ojojo-typography-font--400--bold--underline-font-size: 1rem;
  --ojojo-typography-font--400--bold--underline-line-height: 1.375rem;
  --ojojo-typography-font--400--bold--underline-tracking: 0;
  --ojojo-typography-font--400--bold--underline-font-weight: 700;
  --ojojo-typography-font--400--bold--underline-text-decoration: underline;
  --ojojo-typography-font--400--medium-font-family: "Noto Sans";
  --ojojo-typography-font--400--medium-font-size: 1rem;
  --ojojo-typography-font--400--medium-line-height: 1.375rem;
  --ojojo-typography-font--400--medium-tracking: 0;
  --ojojo-typography-font--400--medium-font-weight: 500;
  --ojojo-typography-font--400--regular-font-family: "Noto Sans";
  --ojojo-typography-font--400--regular-font-size: 1rem;
  --ojojo-typography-font--400--regular-line-height: 1.375rem;
  --ojojo-typography-font--400--regular-tracking: 0;
  --ojojo-typography-font--400--regular-font-weight: 400;
  --ojojo-typography-font--400--regular--underline-font-family: "Noto Sans";
  --ojojo-typography-font--400--regular--underline-font-size: 1rem;
  --ojojo-typography-font--400--regular--underline-line-height: 1.375rem;
  --ojojo-typography-font--400--regular--underline-tracking: 0;
  --ojojo-typography-font--400--regular--underline-font-weight: 400;
  --ojojo-typography-font--400--regular--underline-text-decoration: underline;
  --ojojo-typography-font--500--bold-font-family: "Noto Sans";
  --ojojo-typography-font--500--bold-font-size: 1.25rem;
  --ojojo-typography-font--500--bold-line-height: 1.625rem;
  --ojojo-typography-font--500--bold-tracking: 0;
  --ojojo-typography-font--500--bold-font-weight: 700;
  --ojojo-typography-font--500--medium-font-family: "Noto Sans";
  --ojojo-typography-font--500--medium-font-size: 1.25rem;
  --ojojo-typography-font--500--medium-line-height: 1.625rem;
  --ojojo-typography-font--500--medium-tracking: 0;
  --ojojo-typography-font--500--medium-font-weight: 500;
  --ojojo-typography-font--500--regular-font-family: "Noto Sans";
  --ojojo-typography-font--500--regular-font-size: 1.25rem;
  --ojojo-typography-font--500--regular-line-height: 1.625rem;
  --ojojo-typography-font--500--regular-tracking: 0;
  --ojojo-typography-font--500--regular-font-weight: 400;
  --ojojo-typography-font--600--bold-font-family: "Noto Sans";
  --ojojo-typography-font--600--bold-font-size: 1.75rem;
  --ojojo-typography-font--600--bold-line-height: 2rem;
  --ojojo-typography-font--600--bold-tracking: 0;
  --ojojo-typography-font--600--bold-font-weight: 700;
  --ojojo-typography-font--600--medium-font-family: "Noto Sans";
  --ojojo-typography-font--600--medium-font-size: 1.75rem;
  --ojojo-typography-font--600--medium-line-height: 2rem;
  --ojojo-typography-font--600--medium-tracking: 0;
  --ojojo-typography-font--600--medium-font-weight: 500;
  --ojojo-typography-font--600--regular-font-family: "Noto Sans";
  --ojojo-typography-font--600--regular-font-size: 1.75rem;
  --ojojo-typography-font--600--regular-line-height: 2rem;
  --ojojo-typography-font--600--regular-tracking: 0;
  --ojojo-typography-font--600--regular-font-weight: 400;
  --ojojo-typography-font--700--bold-font-family: "Noto Sans";
  --ojojo-typography-font--700--bold-font-size: 2.25rem;
  --ojojo-typography-font--700--bold-line-height: 2.5rem;
  --ojojo-typography-font--700--bold-tracking: 0;
  --ojojo-typography-font--700--bold-font-weight: 700;
  --ojojo-typography-font--700--medium-font-family: "Noto Sans";
  --ojojo-typography-font--700--medium-font-size: 2.25rem;
  --ojojo-typography-font--700--medium-line-height: 2.5rem;
  --ojojo-typography-font--700--medium-tracking: 0;
  --ojojo-typography-font--700--medium-font-weight: 500;
  --ojojo-typography-font--700--regular-font-family: "Noto Sans";
  --ojojo-typography-font--700--regular-font-size: 2.25rem;
  --ojojo-typography-font--700--regular-line-height: 2.5rem;
  --ojojo-typography-font--700--regular-tracking: 0;
  --ojojo-typography-font--700--regular-font-weight: 400;
  --ojojo-typography-font--800--bold-font-family: "Noto Sans";
  --ojojo-typography-font--800--bold-font-size: 2.625rem;
  --ojojo-typography-font--800--bold-line-height: 2.75rem;
  --ojojo-typography-font--800--bold-tracking: 0;
  --ojojo-typography-font--800--bold-font-weight: 700;
  --ojojo-typography-font--800--medium-font-family: "Noto Sans";
  --ojojo-typography-font--800--medium-font-size: 2.625rem;
  --ojojo-typography-font--800--medium-line-height: 2.75rem;
  --ojojo-typography-font--800--medium-tracking: 0;
  --ojojo-typography-font--800--medium-font-weight: 500;
  --ojojo-typography-font--800--regular-font-family: "Noto Sans";
  --ojojo-typography-font--800--regular-font-size: 2.625rem;
  --ojojo-typography-font--800--regular-line-height: 2.75rem;
  --ojojo-typography-font--800--regular-tracking: 0;
  --ojojo-typography-font--800--regular-font-weight: 400;
  --ojojo-typography-font--900--bold-font-family: "Noto Sans";
  --ojojo-typography-font--900--bold-font-size: 3.5rem;
  --ojojo-typography-font--900--bold-line-height: 3.5rem;
  --ojojo-typography-font--900--bold-tracking: 0;
  --ojojo-typography-font--900--bold-font-weight: 700;
  --ojojo-typography-font--900--medium-font-family: "Noto Sans";
  --ojojo-typography-font--900--medium-font-size: 3.5rem;
  --ojojo-typography-font--900--medium-line-height: 3.5rem;
  --ojojo-typography-font--900--medium-tracking: 0;
  --ojojo-typography-font--900--medium-font-weight: 500;
  --ojojo-typography-font--900--regular-font-family: "Noto Sans";
  --ojojo-typography-font--900--regular-font-size: 3.5rem;
  --ojojo-typography-font--900--regular-line-height: 3.5rem;
  --ojojo-typography-font--900--regular-tracking: 0;
  --ojojo-typography-font--900--regular-font-weight: 400;
  --ojojo-typography-headline--l-font-family: "Noto Sans";
  --ojojo-typography-headline--l-font-size: 1.75rem;
  --ojojo-typography-headline--l-font-weight: 500;
  --ojojo-typography-headline--l-tracking: -0.029999999329447746rem;
  --ojojo-typography-headline--l-line-height: 2rem;
  --ojojo-typography-headline--m-font-family: "Noto Sans";
  --ojojo-typography-headline--m-font-size: 1.25rem;
  --ojojo-typography-headline--m-font-weight: 500;
  --ojojo-typography-headline--m-tracking: -0.029999999329447746rem;
  --ojojo-typography-headline--m-line-height: 1.5rem;
  --ojojo-typography-headline--overline-font-family: "Noto Sans";
  --ojojo-typography-headline--overline-font-size: 0.75rem;
  --ojojo-typography-headline--overline-font-weight: 500;
  --ojojo-typography-headline--overline-tracking: 0.03999999910593033rem;
  --ojojo-typography-headline--overline-line-height: 1rem;
  --ojojo-typography-headline--overline-text-case: "upper";
  --ojojo-typography-headline--s-font-family: "Noto Sans";
  --ojojo-typography-headline--s-font-size: 1rem;
  --ojojo-typography-headline--s-font-weight: 500;
  --ojojo-typography-headline--s-tracking: 0;
  --ojojo-typography-headline--s-line-height: 1.25rem;
  --ojojo-typography-headline--xl-font-family: "Noto Sans";
  --ojojo-typography-headline--xl-font-size: 2.25rem;
  --ojojo-typography-headline--xl-font-weight: 500;
  --ojojo-typography-headline--xl-tracking: -0.029999999329447746rem;
  --ojojo-typography-headline--xl-line-height: 2.5rem;
  --ojojo-typography-display--l-font-family: "Manrope";
  --ojojo-typography-display--l-font-size: 2.625rem;
  --ojojo-typography-display--l-font-weight: 400;
  --ojojo-typography-display--l-tracking: -0.05999999865889549rem;
  --ojojo-typography-display--l-line-height: 2.75rem;
}

/* Themed Color — light-1
   ────────────────────────────────────────────────────────────────────── */
[data-ojojo-theme-light='light-1'] {
  --ojojo-color-bottom-bar-background: rgba(223.00000190734863, 224.000001847744, 228.0000016093254, 0.800000011920929);
  --ojojo-color-bottom-bar-item-active-background: rgba(255, 255, 255, 1);
  --ojojo-color-bottom-bar-item-hover-background: rgba(255, 255, 255, 1);
  --ojojo-color-bottom-bar-item-hover-fill: rgba(25.000000409781933, 30.00000011175871, 59.00000028312206, 1);
  --ojojo-color-bottom-bar-item-rest-background: rgba(255, 255, 255, 1);
  --ojojo-color-bottom-bar-item-rest-fill: rgba(25.000000409781933, 30.00000011175871, 59.00000028312206, 1);
  --ojojo-color-bottom-bar-item-selected-fill: rgba(22.000000588595867, 104.00000140070915, 227.00000166893005, 1);
  --ojojo-color-critical: rgba(167.00000524520874, 24.000000469386578, 60.00000022351742, 1);
  --ojojo-color-critical-container: rgba(254.00000005960464, 213.00000250339508, 216.00000232458115, 1);
  --ojojo-color-favorite: rgba(188.91757875680923, 36.45702973008156, 74.57216128706932, 1);
  --ojojo-color-featured: rgba(106.00000128149986, 53.00000064074993, 126.00000008940697, 1);
  --ojojo-color-featured-container: rgba(216.00000232458115, 184.00000423192978, 233.00000131130219, 1);
  --ojojo-color-info: rgba(198.00000339746475, 85.0000025331974, 49.00000087916851, 1);
  --ojojo-color-info-container: rgba(246.0000005364418, 232.00000137090683, 229.00000154972076, 1);
  --ojojo-color-inverse-on-surface: rgba(255, 255, 255, 1);
  --ojojo-color-inverse-surface: rgba(12.006362993270159, 10.023858323693275, 16.959681250154972, 1);
  --ojojo-color-on-critical: rgba(255, 255, 255, 1);
  --ojojo-color-on-critical-container: rgba(167.00000524520874, 24.000000469386578, 60.00000022351742, 1);
  --ojojo-color-on-featured: rgba(255, 255, 255, 1);
  --ojojo-color-on-featured-container: rgba(39.00000147521496, 16.000000946223736, 48.000000938773155, 1);
  --ojojo-color-on-info: rgba(255, 255, 255, 1);
  --ojojo-color-on-info-container: rgba(49.00000087916851, 22.000000588595867, 13.000000175088644, 1);
  --ojojo-color-on-overlay: rgba(255, 255, 255, 1);
  --ojojo-color-on-positive: rgba(255, 255, 255, 1);
  --ojojo-color-on-positive-container: rgba(16.000000946223736, 93.00000205636024, 74.0000031888485, 1);
  --ojojo-color-on-primary: rgba(255, 255, 255, 1);
  --ojojo-color-on-primary-container: rgba(19.0000007674098, 5.000000176951289, 25.000000409781933, 1);
  --ojojo-color-on-secondary: rgba(255, 255, 255, 1);
  --ojojo-color-on-secondary-container: rgba(19.0000007674098, 5.000000176951289, 25.000000409781933, 1);
  --ojojo-color-on-surface: rgba(12.006362993270159, 10.023858323693275, 16.959681250154972, 1);
  --ojojo-color-on-surface-variant: rgba(98.15859764814377, 90.06804898381233, 115.28549462556839, 1);
  --ojojo-color-on-tertiary: rgba(255, 255, 255, 1);
  --ojojo-color-on-tertiary-container: rgba(48.000000938773155, 48.000000938773155, 48.000000938773155, 1);
  --ojojo-color-outline: rgba(129.00000751018524, 132.0000073313713, 148.000006377697, 1);
  --ojojo-color-outline-focus: rgba(22.000000588595867, 104.00000140070915, 227.00000166893005, 1);
  --ojojo-color-outline-variant: rgba(223.00000190734863, 224.000001847744, 228.0000016093254, 1);
  --ojojo-color-overlay: rgba(12.006362993270159, 10.023858323693275, 16.959681250154972, 1);
  --ojojo-color-overlay-on-surface: rgba(12.006362993270159, 10.023858323693275, 16.959681250154972, 1);
  --ojojo-color-overlay-surface: rgba(255, 255, 255, 1);
  --ojojo-color-positive: rgba(34.00000177323818, 121.00000038743019, 80.00000283122063, 1);
  --ojojo-color-positive-container: rgba(190.0000038743019, 236.00000113248825, 198.00000339746475, 1);
  --ojojo-color-primary: rgba(106.00000128149986, 53.00000064074993, 126.00000008940697, 1);
  --ojojo-color-primary-container: rgba(240.00000089406967, 228.0000016093254, 246.0000005364418, 1);
  --ojojo-color-primary-container-variant: rgba(229.00000154972076, 208.0000028014183, 240.00000089406967, 1);
  --ojojo-color-primary-variant: rgba(39.00000147521496, 16.000000946223736, 48.000000938773155, 1);
  --ojojo-color-scrim: rgba(19.0000007674098, 5.000000176951289, 25.000000409781933, 1);
  --ojojo-color-scrim-opacity-high: rgba(12.000000234693289, 14.000000115484, 28.000000230968, 0.5);
  --ojojo-color-scrim-opacity-low: rgba(12.000000234693289, 14.000000115484, 28.000000230968, 0.3199999928474426);
  --ojojo-color-scrim-opacity-none: rgba(12.000000234693289, 14.000000115484, 28.000000230968, 0);
  --ojojo-color-scrim-opacity-xx-low: rgba(12.000000234693289, 14.000000115484, 28.000000230968, 0.10999999940395355);
  --ojojo-color-secondary: rgba(106.00000128149986, 53.00000064074993, 126.00000008940697, 1);
  --ojojo-color-secondary-container: rgba(240.00000089406967, 228.0000016093254, 246.0000005364418, 1);
  --ojojo-color-secondary-container-variant: rgba(229.00000154972076, 208.0000028014183, 240.00000089406967, 1);
  --ojojo-color-secondary-opacity-xx-low: rgba(22.000000588595867, 104.00000140070915, 227.00000166893005, 0.1599999964237213);
  --ojojo-color-shadow: rgba(12.000000234693289, 14.000000115484, 28.000000230968, 1);
  --ojojo-color-surface: rgba(255, 255, 255, 1);
  --ojojo-color-surface-container: rgba(234.91737842559814, 234.90295439958572, 235.6518942117691, 1);
  --ojojo-color-surface-container-variant: rgba(249.00000035762787, 249.00000035762787, 249.00000035762787, 1);
  --ojojo-color-surface-container-variant-opacity-none: rgba(239.00000095367432, 243.00000071525574, 247.00000047683716, 0);
  --ojojo-color-surface-high-elevation: rgba(255, 255, 255, 1);
  --ojojo-color-surface-low-elevation: rgba(255, 255, 255, 1);
  --ojojo-color-surface-medium-elevation: rgba(255, 255, 255, 1);
  --ojojo-color-surface-opacity-mid: rgba(255, 255, 255, 0.5);
  --ojojo-color-surface-opacity-none: rgba(255, 255, 255, 0);
  --ojojo-color-surface-opacity-x-high: rgba(255, 255, 255, 0.75);
  --ojojo-color-tertiary: rgba(71.00000336766243, 71.00000336766243, 71.00000336766243, 1);
  --ojojo-color-tertiary-container: rgba(212.99901455640793, 201.90061569213867, 195.83779782056808, 1);
  --ojojo-color-tertiary-container-variant: rgba(237.68329560756683, 230.94604432582855, 227.08615064620972, 1);
  --ojojo-color-web-header-on-surface: rgba(25.000000409781933, 30.00000011175871, 59.00000028312206, 1);
  --ojojo-color-web-header-surface: rgba(255, 255, 255, 1);
}

/* Themed Color — dark-1
   ────────────────────────────────────────────────────────────────────── */
[data-ojojo-theme-light='dark-1'] {
  --ojojo-color-bottom-bar-background: rgba(49.00000087916851, 55.00000052154064, 79.00000289082527, 0.800000011920929);
  --ojojo-color-bottom-bar-item-active-background: rgba(25.000000409781933, 30.00000011175871, 59.00000028312206, 1);
  --ojojo-color-bottom-bar-item-hover-background: rgba(25.000000409781933, 30.00000011175871, 59.00000028312206, 1);
  --ojojo-color-bottom-bar-item-hover-fill: rgba(255, 255, 255, 1);
  --ojojo-color-bottom-bar-item-rest-background: rgba(25.000000409781933, 30.00000011175871, 59.00000028312206, 1);
  --ojojo-color-bottom-bar-item-rest-fill: rgba(255, 255, 255, 1);
  --ojojo-color-bottom-bar-item-selected-fill: rgba(100.00000163912773, 157.0000058412552, 242.00000077486038, 1);
  --ojojo-color-critical: rgba(245.00000059604645, 86.00000247359276, 105.00000134110451, 1);
  --ojojo-color-critical-container: rgba(66.00000366568565, 14.000000115484, 27.000000290572643, 1);
  --ojojo-color-favorite: rgba(226.92537367343903, 65.60879945755005, 105.9379430115223, 1);
  --ojojo-color-featured: rgba(178.00000458955765, 104.00000140070915, 209.00000274181366, 1);
  --ojojo-color-featured-container: rgba(106.00000128149986, 53.00000064074993, 126.00000008940697, 1);
  --ojojo-color-info: rgba(225.00000178813934, 107.00000122189522, 70.00000342726707, 1);
  --ojojo-color-info-container: rgba(92.00000211596489, 43.00000123679638, 27.000000290572643, 1);
  --ojojo-color-inverse-on-surface: rgba(27.92521834373474, 23.881066851317883, 35.980649292469025, 1);
  --ojojo-color-inverse-surface: rgba(249.00000035762787, 249.00000035762787, 249.00000035762787, 1);
  --ojojo-color-on-critical: rgba(25.000000409781933, 30.00000011175871, 59.00000028312206, 1);
  --ojojo-color-on-critical-container: rgba(245.00000059604645, 86.00000247359276, 105.00000134110451, 1);
  --ojojo-color-on-featured: rgba(255, 255, 255, 1);
  --ojojo-color-on-featured-container: rgba(247.00000047683716, 242.00000077486038, 251.00000023841858, 1);
  --ojojo-color-on-info: rgba(49.00000087916851, 22.000000588595867, 13.000000175088644, 1);
  --ojojo-color-on-info-container: rgba(246.0000005364418, 232.00000137090683, 229.00000154972076, 1);
  --ojojo-color-on-overlay: rgba(255, 255, 255, 1);
  --ojojo-color-on-positive: rgba(25.000000409781933, 30.00000011175871, 59.00000028312206, 1);
  --ojojo-color-on-positive-container: rgba(87.00000241398811, 202.00000315904617, 97.00000181794167, 1);
  --ojojo-color-on-primary: rgba(39.00000147521496, 16.000000946223736, 48.000000938773155, 1);
  --ojojo-color-on-primary-container: rgba(247.00000047683716, 242.00000077486038, 251.00000023841858, 1);
  --ojojo-color-on-secondary: rgba(39.00000147521496, 16.000000946223736, 48.000000938773155, 1);
  --ojojo-color-on-secondary-container: rgba(247.00000047683716, 242.00000077486038, 251.00000023841858, 1);
  --ojojo-color-on-surface: rgba(255, 255, 255, 1);
  --ojojo-color-on-surface-variant: rgba(204.0174213051796, 202.92032897472382, 207.21209228038788, 1);
  --ojojo-color-on-tertiary: rgba(25.000000409781933, 25.000000409781933, 25.000000409781933, 1);
  --ojojo-color-on-tertiary-container: rgba(251.07672572135925, 247.12784081697464, 245.14072984457016, 1);
  --ojojo-color-outline: rgba(153.00000607967377, 156.00000590085983, 168.0000051856041, 1);
  --ojojo-color-outline-focus: rgba(61.00000016391277, 132.0000073313713, 240.00000089406967, 1);
  --ojojo-color-outline-variant: rgba(103.0000014603138, 106.00000128149986, 125.00000014901161, 1);
  --ojojo-color-overlay: rgba(27.92521834373474, 23.881066851317883, 35.980649292469025, 1);
  --ojojo-color-overlay-on-surface: rgba(255, 255, 255, 1);
  --ojojo-color-overlay-surface: rgba(27.92521834373474, 23.881066851317883, 35.980649292469025, 1);
  --ojojo-color-positive: rgba(87.00000241398811, 202.00000315904617, 97.00000181794167, 1);
  --ojojo-color-positive-container: rgba(2.000000118277967, 38.0000015348196, 35.00000171363354, 1);
  --ojojo-color-primary: rgba(196.00000351667404, 143.00000667572021, 221.00000202655792, 1);
  --ojojo-color-primary-container: rgba(106.00000128149986, 53.00000064074993, 126.00000008940697, 1);
  --ojojo-color-primary-container-variant: rgba(69.00000348687172, 33.00000183284283, 84.00000259280205, 1);
  --ojojo-color-primary-variant: rgba(216.00000232458115, 184.00000423192978, 233.00000131130219, 1);
  --ojojo-color-scrim: rgba(19.0000007674098, 5.000000176951289, 25.000000409781933, 1);
  --ojojo-color-scrim-opacity-high: rgba(12.000000234693289, 14.000000115484, 28.000000230968, 0.5);
  --ojojo-color-scrim-opacity-low: rgba(12.000000234693289, 14.000000115484, 28.000000230968, 0.3199999928474426);
  --ojojo-color-scrim-opacity-none: rgba(12.000000234693289, 14.000000115484, 28.000000230968, 0);
  --ojojo-color-scrim-opacity-xx-low: rgba(12.000000234693289, 14.000000115484, 28.000000230968, 0.10999999940395355);
  --ojojo-color-secondary: rgba(196.00000351667404, 143.00000667572021, 221.00000202655792, 1);
  --ojojo-color-secondary-container: rgba(106.00000128149986, 53.00000064074993, 126.00000008940697, 1);
  --ojojo-color-secondary-container-variant: rgba(69.00000348687172, 33.00000183284283, 84.00000259280205, 1);
  --ojojo-color-secondary-opacity-xx-low: rgba(100.00000163912773, 157.0000058412552, 242.00000077486038, 0.1599999964237213);
  --ojojo-color-shadow: rgba(12.000000234693289, 14.000000115484, 28.000000230968, 1);
  --ojojo-color-surface: rgba(39.00000147521496, 16.000000946223736, 48.000000938773155, 1);
  --ojojo-color-surface-container: rgba(51.08476281166077, 46.01775370538235, 63.202392384409904, 1);
  --ojojo-color-surface-container-variant: rgba(69.00000348687172, 33.00000183284283, 84.00000259280205, 1);
  --ojojo-color-surface-container-variant-opacity-none: rgba(25.000000409781933, 30.00000011175871, 59.00000028312206, 0);
  --ojojo-color-surface-high-elevation: rgba(69.00000348687172, 33.00000183284283, 84.00000259280205, 1);
  --ojojo-color-surface-low-elevation: rgba(39.00000147521496, 16.000000946223736, 48.000000938773155, 1);
  --ojojo-color-surface-medium-elevation: rgba(69.00000348687172, 33.00000183284283, 84.00000259280205, 1);
  --ojojo-color-surface-opacity-mid: rgba(12.000000234693289, 14.000000115484, 28.000000230968, 0.5);
  --ojojo-color-surface-opacity-none: rgba(12.000000234693289, 14.000000115484, 28.000000230968, 0);
  --ojojo-color-surface-opacity-x-high: rgba(12.000000234693289, 14.000000115484, 28.000000230968, 0.75);
  --ojojo-color-tertiary: rgba(212.99901455640793, 201.90061569213867, 195.83779782056808, 1);
  --ojojo-color-tertiary-container: rgba(71.00000336766243, 71.00000336766243, 71.00000336766243, 1);
  --ojojo-color-tertiary-container-variant: rgba(48.000000938773155, 48.000000938773155, 48.000000938773155, 1);
  --ojojo-color-web-header-on-surface: rgba(242.00000077486038, 242.00000077486038, 242.00000077486038, 1);
  --ojojo-color-web-header-surface: rgba(12.000000234693289, 14.000000115484, 28.000000230968, 1);
}

/* Themed Color — dark-2
   ────────────────────────────────────────────────────────────────────── */
[data-ojojo-theme-light='dark-2'] {
  --ojojo-color-bottom-bar-background: rgba(49.00000087916851, 55.00000052154064, 79.00000289082527, 0.800000011920929);
  --ojojo-color-bottom-bar-item-active-background: rgba(25.000000409781933, 30.00000011175871, 59.00000028312206, 1);
  --ojojo-color-bottom-bar-item-hover-background: rgba(25.000000409781933, 30.00000011175871, 59.00000028312206, 1);
  --ojojo-color-bottom-bar-item-hover-fill: rgba(255, 255, 255, 1);
  --ojojo-color-bottom-bar-item-rest-background: rgba(25.000000409781933, 30.00000011175871, 59.00000028312206, 1);
  --ojojo-color-bottom-bar-item-rest-fill: rgba(255, 255, 255, 1);
  --ojojo-color-bottom-bar-item-selected-fill: rgba(255, 255, 255, 1);
  --ojojo-color-critical: rgba(255, 239.00000095367432, 239.00000095367432, 1);
  --ojojo-color-critical-container: rgba(66.00000366568565, 14.000000115484, 27.000000290572643, 1);
  --ojojo-color-favorite: rgba(250.00000029802322, 41.00000135600567, 41.00000135600567, 1);
  --ojojo-color-featured: rgba(183.00000429153442, 205.00000298023224, 220.00000208616257, 1);
  --ojojo-color-featured-container: rgba(183.00000429153442, 205.00000298023224, 220.00000208616257, 1);
  --ojojo-color-info: rgba(253.0000001192093, 219.0000021457672, 50.000000819563866, 1);
  --ojojo-color-info-container: rgba(253.0000001192093, 219.0000021457672, 50.000000819563866, 1);
  --ojojo-color-inverse-on-surface: rgba(25.000000409781933, 30.00000011175871, 59.00000028312206, 1);
  --ojojo-color-inverse-surface: rgba(223.00000190734863, 224.000001847744, 228.0000016093254, 1);
  --ojojo-color-on-critical: rgba(167.00000524520874, 24.000000469386578, 60.00000022351742, 1);
  --ojojo-color-on-critical-container: rgba(245.00000059604645, 86.00000247359276, 105.00000134110451, 1);
  --ojojo-color-on-featured: rgba(25.000000409781933, 30.00000011175871, 59.00000028312206, 1);
  --ojojo-color-on-featured-container: rgba(25.000000409781933, 30.00000011175871, 59.00000028312206, 1);
  --ojojo-color-on-info: rgba(25.000000409781933, 30.00000011175871, 59.00000028312206, 1);
  --ojojo-color-on-info-container: rgba(25.000000409781933, 30.00000011175871, 59.00000028312206, 1);
  --ojojo-color-on-overlay: rgba(255, 255, 255, 1);
  --ojojo-color-on-positive: rgba(16.000000946223736, 93.00000205636024, 74.0000031888485, 1);
  --ojojo-color-on-positive-container: rgba(87.00000241398811, 202.00000315904617, 97.00000181794167, 1);
  --ojojo-color-on-primary: rgba(25.000000409781933, 30.00000011175871, 59.00000028312206, 1);
  --ojojo-color-on-primary-container: rgba(205.00000298023224, 228.0000016093254, 249.00000035762787, 1);
  --ojojo-color-on-secondary: rgba(25.000000409781933, 30.00000011175871, 59.00000028312206, 1);
  --ojojo-color-on-secondary-container: rgba(205.00000298023224, 228.0000016093254, 249.00000035762787, 1);
  --ojojo-color-on-surface: rgba(255, 255, 255, 1);
  --ojojo-color-on-surface-variant: rgba(255, 255, 255, 1);
  --ojojo-color-on-tertiary: rgba(25.000000409781933, 30.00000011175871, 59.00000028312206, 1);
  --ojojo-color-on-tertiary-container: rgba(202.00000315904617, 204.00000303983688, 210.00000268220901, 1);
  --ojojo-color-outline: rgba(205.00000298023224, 228.0000016093254, 249.00000035762787, 1);
  --ojojo-color-outline-focus: rgba(255, 255, 255, 1);
  --ojojo-color-outline-variant: rgba(23.000000528991222, 59.00000028312206, 82.00000271201134, 1);
  --ojojo-color-overlay: rgba(12.000000234693289, 14.000000115484, 28.000000230968, 1);
  --ojojo-color-overlay-on-surface: rgba(255, 255, 255, 1);
  --ojojo-color-overlay-surface: rgba(25.000000409781933, 30.00000011175871, 59.00000028312206, 1);
  --ojojo-color-positive: rgba(230.00000149011612, 247.00000047683716, 233.00000131130219, 1);
  --ojojo-color-positive-container: rgba(2.000000118277967, 38.0000015348196, 35.00000171363354, 1);
  --ojojo-color-primary: rgba(255, 255, 255, 1);
  --ojojo-color-primary-container: rgba(37.00000159442425, 87.00000241398811, 117.00000062584877, 1);
  --ojojo-color-primary-container-variant: rgba(23.000000528991222, 59.00000028312206, 82.00000271201134, 1);
  --ojojo-color-primary-variant: rgba(205.00000298023224, 228.0000016093254, 249.00000035762787, 1);
  --ojojo-color-scrim: rgba(12.000000234693289, 14.000000115484, 28.000000230968, 1);
  --ojojo-color-scrim-opacity-high: rgba(12.000000234693289, 14.000000115484, 28.000000230968, 0.5);
  --ojojo-color-scrim-opacity-low: rgba(12.000000234693289, 14.000000115484, 28.000000230968, 0.3199999928474426);
  --ojojo-color-scrim-opacity-none: rgba(12.000000234693289, 14.000000115484, 28.000000230968, 0);
  --ojojo-color-scrim-opacity-xx-low: rgba(12.000000234693289, 14.000000115484, 28.000000230968, 0.10999999940395355);
  --ojojo-color-secondary: rgba(255, 255, 255, 1);
  --ojojo-color-secondary-container: rgba(37.00000159442425, 87.00000241398811, 117.00000062584877, 1);
  --ojojo-color-secondary-container-variant: rgba(23.000000528991222, 59.00000028312206, 82.00000271201134, 1);
  --ojojo-color-secondary-opacity-xx-low: rgba(255, 255, 255, 0.1599999964237213);
  --ojojo-color-shadow: rgba(12.000000234693289, 14.000000115484, 28.000000230968, 1);
  --ojojo-color-surface: rgba(51.00000075995922, 113.00000086426735, 151.00000619888306, 1);
  --ojojo-color-surface-container: rgba(49.00000087916851, 55.00000052154064, 79.00000289082527, 1);
  --ojojo-color-surface-container-variant: rgba(37.00000159442425, 87.00000241398811, 117.00000062584877, 1);
  --ojojo-color-surface-container-variant-opacity-none: rgba(37.00000159442425, 87.00000241398811, 117.00000062584877, 0);
  --ojojo-color-surface-high-elevation: rgba(37.00000159442425, 87.00000241398811, 117.00000062584877, 1);
  --ojojo-color-surface-low-elevation: rgba(51.00000075995922, 113.00000086426735, 151.00000619888306, 1);
  --ojojo-color-surface-medium-elevation: rgba(37.00000159442425, 87.00000241398811, 117.00000062584877, 1);
  --ojojo-color-surface-opacity-mid: rgba(51.00000075995922, 113.00000086426735, 151.00000619888306, 0.5);
  --ojojo-color-surface-opacity-none: rgba(51.00000075995922, 113.00000086426735, 151.00000619888306, 0);
  --ojojo-color-surface-opacity-x-high: rgba(51.00000075995922, 113.00000086426735, 151.00000619888306, 0.75);
  --ojojo-color-tertiary: rgba(202.00000315904617, 204.00000303983688, 210.00000268220901, 1);
  --ojojo-color-tertiary-container: rgba(23.000000528991222, 59.00000028312206, 82.00000271201134, 1);
  --ojojo-color-tertiary-container-variant: rgba(25.000000409781933, 30.00000011175871, 59.00000028312206, 1);
  --ojojo-color-web-header-on-surface: rgba(255, 255, 255, 1);
  --ojojo-color-web-header-surface: rgba(51.00000075995922, 113.00000086426735, 151.00000619888306, 1);
}

/* Themed Color — bright-1
   ────────────────────────────────────────────────────────────────────── */
[data-ojojo-theme-light='bright-1'] {
  --ojojo-color-bottom-bar-background: rgba(223.00000190734863, 224.000001847744, 228.0000016093254, 0.800000011920929);
  --ojojo-color-bottom-bar-item-active-background: rgba(255, 255, 255, 1);
  --ojojo-color-bottom-bar-item-hover-background: rgba(255, 255, 255, 1);
  --ojojo-color-bottom-bar-item-hover-fill: rgba(12.000000234693289, 14.000000115484, 28.000000230968, 1);
  --ojojo-color-bottom-bar-item-rest-background: rgba(255, 255, 255, 1);
  --ojojo-color-bottom-bar-item-rest-fill: rgba(12.000000234693289, 14.000000115484, 28.000000230968, 1);
  --ojojo-color-bottom-bar-item-selected-fill: rgba(12.000000234693289, 14.000000115484, 28.000000230968, 1);
  --ojojo-color-critical: rgba(167.00000524520874, 24.000000469386578, 60.00000022351742, 1);
  --ojojo-color-critical-container: rgba(252.00000017881393, 141.0000067949295, 150.0000062584877, 1);
  --ojojo-color-favorite: rgba(250.00000029802322, 41.00000135600567, 41.00000135600567, 1);
  --ojojo-color-featured: rgba(17.00000088661909, 104.00000140070915, 141.0000067949295, 1);
  --ojojo-color-featured-container: rgba(106.00000128149986, 224.000001847744, 235.0000011920929, 1);
  --ojojo-color-info: rgba(87.00000241398811, 77.00000301003456, 109.00000110268593, 1);
  --ojojo-color-info-container: rgba(202.00000315904617, 192.00000375509262, 223.00000190734863, 1);
  --ojojo-color-inverse-on-surface: rgba(255, 255, 255, 1);
  --ojojo-color-inverse-surface: rgba(12.000000234693289, 14.000000115484, 28.000000230968, 1);
  --ojojo-color-on-critical: rgba(255, 255, 255, 1);
  --ojojo-color-on-critical-container: rgba(108.00000116229057, 23.000000528991222, 44.000001177191734, 1);
  --ojojo-color-on-featured: rgba(255, 255, 255, 1);
  --ojojo-color-on-featured-container: rgba(12.000000234693289, 76.0000030696392, 113.00000086426735, 1);
  --ojojo-color-on-info: rgba(255, 255, 255, 1);
  --ojojo-color-on-info-container: rgba(87.00000241398811, 77.00000301003456, 109.00000110268593, 1);
  --ojojo-color-on-overlay: rgba(255, 255, 255, 1);
  --ojojo-color-on-positive: rgba(255, 255, 255, 1);
  --ojojo-color-on-positive-container: rgba(16.000000946223736, 93.00000205636024, 74.0000031888485, 1);
  --ojojo-color-on-primary: rgba(255, 255, 255, 1);
  --ojojo-color-on-primary-container: rgba(12.000000234693289, 14.000000115484, 28.000000230968, 1);
  --ojojo-color-on-secondary: rgba(255, 255, 255, 1);
  --ojojo-color-on-secondary-container: rgba(12.000000234693289, 14.000000115484, 28.000000230968, 1);
  --ojojo-color-on-surface: rgba(12.000000234693289, 14.000000115484, 28.000000230968, 1);
  --ojojo-color-on-surface-variant: rgba(96.00000187754631, 80.00000283122063, 1.0000000591389835, 1);
  --ojojo-color-on-tertiary: rgba(255, 255, 255, 1);
  --ojojo-color-on-tertiary-container: rgba(12.000000234693289, 14.000000115484, 28.000000230968, 1);
  --ojojo-color-outline: rgba(12.000000234693289, 14.000000115484, 28.000000230968, 1);
  --ojojo-color-outline-focus: rgba(22.000000588595867, 104.00000140070915, 227.00000166893005, 1);
  --ojojo-color-outline-variant: rgba(200.00000327825546, 177.0000046491623, 61.00000016391277, 1);
  --ojojo-color-overlay: rgba(12.000000234693289, 14.000000115484, 28.000000230968, 1);
  --ojojo-color-overlay-on-surface: rgba(255, 255, 255, 1);
  --ojojo-color-overlay-surface: rgba(25.000000409781933, 30.00000011175871, 59.00000028312206, 1);
  --ojojo-color-positive: rgba(16.000000946223736, 93.00000205636024, 74.0000031888485, 1);
  --ojojo-color-positive-container: rgba(143.00000667572021, 222.00000196695328, 150.0000062584877, 1);
  --ojojo-color-primary: rgba(12.000000234693289, 14.000000115484, 28.000000230968, 1);
  --ojojo-color-primary-container: rgba(254.00000005960464, 244.0000006556511, 194.00000363588333, 1);
  --ojojo-color-primary-container-variant: rgba(254.00000005960464, 230.00000149011612, 114.0000008046627, 1);
  --ojojo-color-primary-variant: rgba(77.00000301003456, 81.00000277161598, 103.0000014603138, 1);
  --ojojo-color-scrim: rgba(12.000000234693289, 14.000000115484, 28.000000230968, 1);
  --ojojo-color-scrim-opacity-high: rgba(12.000000234693289, 14.000000115484, 28.000000230968, 0.5);
  --ojojo-color-scrim-opacity-low: rgba(12.000000234693289, 14.000000115484, 28.000000230968, 0.3199999928474426);
  --ojojo-color-scrim-opacity-none: rgba(12.000000234693289, 14.000000115484, 28.000000230968, 0);
  --ojojo-color-scrim-opacity-xx-low: rgba(12.000000234693289, 14.000000115484, 28.000000230968, 0.10999999940395355);
  --ojojo-color-secondary: rgba(12.000000234693289, 14.000000115484, 28.000000230968, 1);
  --ojojo-color-secondary-container: rgba(254.00000005960464, 244.0000006556511, 194.00000363588333, 1);
  --ojojo-color-secondary-container-variant: rgba(254.00000005960464, 230.00000149011612, 114.0000008046627, 1);
  --ojojo-color-secondary-opacity-xx-low: rgba(12.000000234693289, 14.000000115484, 28.000000230968, 0.1599999964237213);
  --ojojo-color-shadow: rgba(12.000000234693289, 14.000000115484, 28.000000230968, 1);
  --ojojo-color-surface: rgba(253.0000001192093, 219.0000021457672, 50.000000819563866, 1);
  --ojojo-color-surface-container: rgba(254.00000005960464, 244.0000006556511, 194.00000363588333, 1);
  --ojojo-color-surface-container-variant: rgba(254.00000005960464, 230.00000149011612, 114.0000008046627, 1);
  --ojojo-color-surface-container-variant-opacity-none: rgba(254.00000005960464, 230.00000149011612, 114.0000008046627, 0);
  --ojojo-color-surface-high-elevation: rgba(253.0000001192093, 219.0000021457672, 50.000000819563866, 1);
  --ojojo-color-surface-low-elevation: rgba(253.0000001192093, 219.0000021457672, 50.000000819563866, 1);
  --ojojo-color-surface-medium-elevation: rgba(253.0000001192093, 219.0000021457672, 50.000000819563866, 1);
  --ojojo-color-surface-opacity-mid: rgba(253.0000001192093, 219.0000021457672, 50.000000819563866, 0.5);
  --ojojo-color-surface-opacity-none: rgba(253.0000001192093, 219.0000021457672, 50.000000819563866, 0);
  --ojojo-color-surface-opacity-x-high: rgba(253.0000001192093, 219.0000021457672, 50.000000819563866, 0.75);
  --ojojo-color-tertiary: rgba(49.00000087916851, 55.00000052154064, 79.00000289082527, 1);
  --ojojo-color-tertiary-container: rgba(222.00000196695328, 185.00000417232513, 2.000000118277967, 1);
  --ojojo-color-tertiary-container-variant: rgba(254.00000005960464, 230.00000149011612, 114.0000008046627, 1);
  --ojojo-color-web-header-on-surface: rgba(12.000000234693289, 14.000000115484, 28.000000230968, 1);
  --ojojo-color-web-header-surface: rgba(253.0000001192093, 219.0000021457672, 50.000000819563866, 1);
}

/* Themed Color — marketing-1
   ────────────────────────────────────────────────────────────────────── */
[data-ojojo-theme-light='marketing-1'] {
  --ojojo-color-bottom-bar-background: rgba(223.00000190734863, 224.000001847744, 228.0000016093254, 0.800000011920929);
  --ojojo-color-bottom-bar-item-active-background: rgba(255, 255, 255, 1);
  --ojojo-color-bottom-bar-item-hover-background: rgba(255, 255, 255, 1);
  --ojojo-color-bottom-bar-item-hover-fill: rgba(25.000000409781933, 30.00000011175871, 59.00000028312206, 1);
  --ojojo-color-bottom-bar-item-rest-background: rgba(255, 255, 255, 1);
  --ojojo-color-bottom-bar-item-rest-fill: rgba(25.000000409781933, 30.00000011175871, 59.00000028312206, 1);
  --ojojo-color-bottom-bar-item-selected-fill: rgba(25.000000409781933, 30.00000011175871, 59.00000028312206, 1);
  --ojojo-color-critical: rgba(108.00000116229057, 23.000000528991222, 44.000001177191734, 1);
  --ojojo-color-critical-container: rgba(254.00000005960464, 213.00000250339508, 216.00000232458115, 1);
  --ojojo-color-favorite: rgba(250.00000029802322, 41.00000135600567, 41.00000135600567, 1);
  --ojojo-color-featured: rgba(106.00000128149986, 224.000001847744, 235.0000011920929, 1);
  --ojojo-color-featured-container: rgba(178.00000458955765, 236.00000113248825, 240.00000089406967, 1);
  --ojojo-color-info: rgba(124.00000020861626, 111.00000098347664, 155.00000596046448, 1);
  --ojojo-color-info-container: rgba(224.000001847744, 218.00000220537186, 239.00000095367432, 1);
  --ojojo-color-inverse-on-surface: rgba(255, 255, 255, 1);
  --ojojo-color-inverse-surface: rgba(12.000000234693289, 14.000000115484, 28.000000230968, 1);
  --ojojo-color-on-critical: rgba(255, 255, 255, 1);
  --ojojo-color-on-critical-container: rgba(167.00000524520874, 24.000000469386578, 60.00000022351742, 1);
  --ojojo-color-on-featured: rgba(25.000000409781933, 30.00000011175871, 59.00000028312206, 1);
  --ojojo-color-on-featured-container: rgba(17.00000088661909, 104.00000140070915, 141.0000067949295, 1);
  --ojojo-color-on-info: rgba(255, 255, 255, 1);
  --ojojo-color-on-info-container: rgba(87.00000241398811, 77.00000301003456, 109.00000110268593, 1);
  --ojojo-color-on-overlay: rgba(255, 255, 255, 1);
  --ojojo-color-on-positive: rgba(255, 255, 255, 1);
  --ojojo-color-on-positive-container: rgba(16.000000946223736, 93.00000205636024, 74.0000031888485, 1);
  --ojojo-color-on-primary: rgba(255, 255, 255, 1);
  --ojojo-color-on-primary-container: rgba(13.000000175088644, 78.00000295042992, 175.00000476837158, 1);
  --ojojo-color-on-secondary: rgba(255, 255, 255, 1);
  --ojojo-color-on-secondary-container: rgba(25.000000409781933, 30.00000011175871, 59.00000028312206, 1);
  --ojojo-color-on-surface: rgba(25.000000409781933, 30.00000011175871, 59.00000028312206, 1);
  --ojojo-color-on-surface-variant: rgba(25.000000409781933, 30.00000011175871, 59.00000028312206, 1);
  --ojojo-color-on-tertiary: rgba(255, 255, 255, 1);
  --ojojo-color-on-tertiary-container: rgba(25.000000409781933, 30.00000011175871, 59.00000028312206, 1);
  --ojojo-color-outline: rgba(25.000000409781933, 30.00000011175871, 59.00000028312206, 1);
  --ojojo-color-outline-focus: rgba(22.000000588595867, 104.00000140070915, 227.00000166893005, 1);
  --ojojo-color-outline-variant: rgba(215.0000023841858, 230.00000149011612, 229.00000154972076, 1);
  --ojojo-color-overlay: rgba(25.000000409781933, 30.00000011175871, 59.00000028312206, 1);
  --ojojo-color-overlay-on-surface: rgba(255, 255, 255, 1);
  --ojojo-color-overlay-surface: rgba(25.000000409781933, 30.00000011175871, 59.00000028312206, 1);
  --ojojo-color-positive: rgba(4.000000236555934, 63.000000044703484, 59.00000028312206, 1);
  --ojojo-color-positive-container: rgba(190.0000038743019, 236.00000113248825, 198.00000339746475, 1);
  --ojojo-color-primary: rgba(25.000000409781933, 30.00000011175871, 59.00000028312206, 1);
  --ojojo-color-primary-container: rgba(200.00000327825546, 223.00000190734863, 249.00000035762787, 1);
  --ojojo-color-primary-container-variant: rgba(236.00000113248825, 244.0000006556511, 253.0000001192093, 1);
  --ojojo-color-primary-variant: rgba(77.00000301003456, 81.00000277161598, 103.0000014603138, 1);
  --ojojo-color-scrim: rgba(12.000000234693289, 14.000000115484, 28.000000230968, 1);
  --ojojo-color-scrim-opacity-high: rgba(12.000000234693289, 14.000000115484, 28.000000230968, 0.5);
  --ojojo-color-scrim-opacity-low: rgba(12.000000234693289, 14.000000115484, 28.000000230968, 0.3199999928474426);
  --ojojo-color-scrim-opacity-none: rgba(12.000000234693289, 14.000000115484, 28.000000230968, 0);
  --ojojo-color-scrim-opacity-xx-low: rgba(12.000000234693289, 14.000000115484, 28.000000230968, 0.10999999940395355);
  --ojojo-color-secondary: rgba(25.000000409781933, 30.00000011175871, 59.00000028312206, 1);
  --ojojo-color-secondary-container: rgba(200.00000327825546, 223.00000190734863, 249.00000035762787, 1);
  --ojojo-color-secondary-container-variant: rgba(236.00000113248825, 244.0000006556511, 253.0000001192093, 1);
  --ojojo-color-secondary-opacity-xx-low: rgba(25.000000409781933, 30.00000011175871, 59.00000028312206, 0.1599999964237213);
  --ojojo-color-shadow: rgba(12.000000234693289, 14.000000115484, 28.000000230968, 1);
  --ojojo-color-surface: rgba(155.00000596046448, 206.0000029206276, 190.0000038743019, 1);
  --ojojo-color-surface-container: rgba(223.00000190734863, 224.000001847744, 228.0000016093254, 1);
  --ojojo-color-surface-container-variant: rgba(255, 255, 255, 1);
  --ojojo-color-surface-container-variant-opacity-none: rgba(255, 255, 255, 0);
  --ojojo-color-surface-high-elevation: rgba(255, 255, 255, 1);
  --ojojo-color-surface-low-elevation: rgba(255, 255, 255, 1);
  --ojojo-color-surface-medium-elevation: rgba(255, 255, 255, 1);
  --ojojo-color-surface-opacity-mid: rgba(155.00000596046448, 206.0000029206276, 190.0000038743019, 0.5);
  --ojojo-color-surface-opacity-none: rgba(155.00000596046448, 206.0000029206276, 190.0000038743019, 0);
  --ojojo-color-surface-opacity-x-high: rgba(155.00000596046448, 206.0000029206276, 190.0000038743019, 0.75);
  --ojojo-color-tertiary: rgba(77.00000301003456, 81.00000277161598, 103.0000014603138, 1);
  --ojojo-color-tertiary-container: rgba(215.0000023841858, 230.00000149011612, 229.00000154972076, 1);
  --ojojo-color-tertiary-container-variant: rgba(155.00000596046448, 206.0000029206276, 190.0000038743019, 1);
  --ojojo-color-web-header-on-surface: rgba(25.000000409781933, 30.00000011175871, 59.00000028312206, 1);
  --ojojo-color-web-header-surface: rgba(155.00000596046448, 206.0000029206276, 190.0000038743019, 1);
}

/* Themed Corner Radius — round
   ────────────────────────────────────────────────────────────────────── */
[data-ojojo-theme-corner-radius='round'] {
  --ojojo-corner-radius-l: 1rem;
  --ojojo-corner-radius-m: 0.5rem;
  --ojojo-corner-radius-max: 2500rem;
  --ojojo-corner-radius-none: 0;
  --ojojo-corner-radius-s: 0.25rem;
  --ojojo-corner-radius-xl: 1.5rem;
  --ojojo-corner-radius-xxl: 2rem;
  --ojojo-corner-radius-spotlight-icon-12x-corner-radius: 2500rem;
  --ojojo-corner-radius-spotlight-icon-16x-corner-radius: 2500rem;
}

/* Themed Corner Radius — sharp
   ────────────────────────────────────────────────────────────────────── */
[data-ojojo-theme-corner-radius='sharp'] {
  --ojojo-corner-radius-l: 0.25rem;
  --ojojo-corner-radius-m: 0.125rem;
  --ojojo-corner-radius-max: 2500rem;
  --ojojo-corner-radius-none: 0;
  --ojojo-corner-radius-s: 0.0625rem;
  --ojojo-corner-radius-xl: 0.5rem;
  --ojojo-corner-radius-xxl: 1rem;
  --ojojo-corner-radius-spotlight-icon-12x-corner-radius: 0;
  --ojojo-corner-radius-spotlight-icon-16x-corner-radius: 0;
}

/* Themed Corner Radius — standard
   ────────────────────────────────────────────────────────────────────── */
[data-ojojo-theme-corner-radius='standard'] {
  --ojojo-corner-radius-l: 0.5rem;
  --ojojo-corner-radius-m: 0.25rem;
  --ojojo-corner-radius-max: 2500rem;
  --ojojo-corner-radius-none: 0;
  --ojojo-corner-radius-s: 0.125rem;
  --ojojo-corner-radius-xl: 1rem;
  --ojojo-corner-radius-xxl: 1.5rem;
  --ojojo-corner-radius-spotlight-icon-12x-corner-radius: 2500rem;
  --ojojo-corner-radius-spotlight-icon-16x-corner-radius: 2500rem;
}

/* Themed Shadow — standard
   ────────────────────────────────────────────────────────────────────── */
[data-ojojo-theme-shadow='standard'] {
  --ojojo-shadow-high-elevation-color: rgba(12.000000234693289, 14.000000115484, 28.000000230968, 0.11999999731779099);
  --ojojo-shadow-low-elevation-color: rgba(12.000000234693289, 14.000000115484, 28.000000230968, 0);
  --ojojo-shadow-medium-elevation-color: rgba(12.000000234693289, 14.000000115484, 28.000000230968, 0.07999999821186066);
  --ojojo-shadow-high-elevation-blur: 2.25rem;
  --ojojo-shadow-high-elevation-pos-x: 0;
  --ojojo-shadow-high-elevation-pos-y: 0.375rem;
  --ojojo-shadow-high-elevation-spread: 0;
  --ojojo-shadow-low-elevation-blur: 0;
  --ojojo-shadow-low-elevation-pos-x: 0;
  --ojojo-shadow-low-elevation-pos-y: 0;
  --ojojo-shadow-low-elevation-spread: 0;
  --ojojo-shadow-medium-elevation-blur: 0.75rem;
  --ojojo-shadow-medium-elevation-pos-x: 0;
  --ojojo-shadow-medium-elevation-pos-y: 0.125rem;
  --ojojo-shadow-medium-elevation-spread: 0;
}

/* Themed Spacing — standard
   ────────────────────────────────────────────────────────────────────── */
[data-ojojo-theme-spacing='standard'] {
  --ojojo-spacing-l: 1.5rem;
  --ojojo-spacing-layout-horizontal-l: 3rem;
  --ojojo-spacing-layout-horizontal-m: 2rem;
  --ojojo-spacing-layout-minimum-page-margin-l: 3rem;
  --ojojo-spacing-layout-minimum-page-margin-s: 1.5rem;
  --ojojo-spacing-layout-vertical-l: 3rem;
  --ojojo-spacing-layout-vertical-m: 2rem;
  --ojojo-spacing-m: 1rem;
  --ojojo-spacing-s: 0.5rem;
  --ojojo-spacing-section-l: 3rem;
  --ojojo-spacing-section-m: 2rem;
  --ojojo-spacing-xl: 2rem;
  --ojojo-spacing-xs: 0.25rem;
}

/* Themed Typography — standard
   ────────────────────────────────────────────────────────────────────── */
[data-ojojo-theme-typography='standard'] {
  --ojojo-typography-body-l-font-size: 1rem;
  --ojojo-typography-body-l-font-tracking: -0.0075rem;
  --ojojo-typography-body-l-line-height: 1.375rem;
  --ojojo-typography-body-l-line-height-variant: 1.625rem;
  --ojojo-typography-body-m-font-size: 0.875rem;
  --ojojo-typography-body-m-font-tracking: -0.0075rem;
  --ojojo-typography-body-m-line-height: 1.25rem;
  --ojojo-typography-body-m-line-height-variant: 1.375rem;
  --ojojo-typography-body-s-font-size: 0.75rem;
  --ojojo-typography-body-s-font-tracking: 0;
  --ojojo-typography-body-s-line-height: 1.125rem;
  --ojojo-typography-body-s-line-height-variant: 1rem;
  --ojojo-typography-display-m-font-size: 2.25rem;
  --ojojo-typography-display-m-font-tracking: -0.06rem;
  --ojojo-typography-display-m-line-height: 2.5rem;
  --ojojo-typography-display-s-font-size: 1.75rem;
  --ojojo-typography-display-s-font-tracking: -0.06rem;
  --ojojo-typography-display-s-line-height: 2rem;
  --ojojo-typography-headline-font-tracking: -0.06rem;
  --ojojo-typography-headline-l-font-size: 1.75rem;
  --ojojo-typography-headline-l-font-tracking: -0.03rem;
  --ojojo-typography-headline-l-line-height: 2rem;
  --ojojo-typography-headline-m-font-size: 1.25rem;
  --ojojo-typography-headline-m-font-tracking: -0.03rem;
  --ojojo-typography-headline-m-line-height: 1.5rem;
  --ojojo-typography-headline-overline-font-size: 0.75rem;
  --ojojo-typography-headline-overline-font-tracking: 0.04rem;
  --ojojo-typography-headline-overline-line-height: 1rem;
  --ojojo-typography-headline-s-font-size: 1rem;
  --ojojo-typography-headline-s-font-tracking: 0;
  --ojojo-typography-headline-s-line-height: 1.25rem;
  --ojojo-typography-headline-xl-font-size: 2.25rem;
  --ojojo-typography-headline-xl-font-tracking: -0.03rem;
  --ojojo-typography-headline-xl-line-height: 2.5rem;
  --ojojo-typography-body-emphasized-font-weight: 500;
  --ojojo-typography-body-font-weight: 400;
  --ojojo-typography-display-font-weight: 500;
  --ojojo-typography-headline-font-weight: 500;
  --ojojo-typography-body-font-name: "Noto Sans";
  --ojojo-typography-display-font-name: "Manrope";
  --ojojo-typography-headline-font-name: "Noto Sans";
  --ojojo-typography-headline-l-font-name: "Noto Sans";
  --ojojo-typography-headline-m-font-name: "Noto Sans";
  --ojojo-typography-headline-overline-font-name: "Noto Sans";
  --ojojo-typography-headline-s-font-name: "Noto Sans";
  --ojojo-typography-headline-xl-font-name: "Noto Sans";
  --ojojo-typography-display-l-font-size: 2.625rem;
  --ojojo-typography-display-l-font-tracking: -0.06rem;
  --ojojo-typography-display-l-line-height: 2.75rem;
}

/* Color Themes — Dark (system preference)
   ────────────────────────────────────────────────────────────────────── */
@media screen and (prefers-color-scheme: dark) {
  [data-ojojo-theme-dark='light-1'] {
    --ojojo-color-bottom-bar-background: rgba(223.00000190734863, 224.000001847744, 228.0000016093254, 0.800000011920929);
    --ojojo-color-bottom-bar-item-active-background: rgba(255, 255, 255, 1);
    --ojojo-color-bottom-bar-item-hover-background: rgba(255, 255, 255, 1);
    --ojojo-color-bottom-bar-item-hover-fill: rgba(25.000000409781933, 30.00000011175871, 59.00000028312206, 1);
    --ojojo-color-bottom-bar-item-rest-background: rgba(255, 255, 255, 1);
    --ojojo-color-bottom-bar-item-rest-fill: rgba(25.000000409781933, 30.00000011175871, 59.00000028312206, 1);
    --ojojo-color-bottom-bar-item-selected-fill: rgba(22.000000588595867, 104.00000140070915, 227.00000166893005, 1);
    --ojojo-color-critical: rgba(167.00000524520874, 24.000000469386578, 60.00000022351742, 1);
    --ojojo-color-critical-container: rgba(254.00000005960464, 213.00000250339508, 216.00000232458115, 1);
    --ojojo-color-favorite: rgba(188.91757875680923, 36.45702973008156, 74.57216128706932, 1);
    --ojojo-color-featured: rgba(106.00000128149986, 53.00000064074993, 126.00000008940697, 1);
    --ojojo-color-featured-container: rgba(216.00000232458115, 184.00000423192978, 233.00000131130219, 1);
    --ojojo-color-info: rgba(198.00000339746475, 85.0000025331974, 49.00000087916851, 1);
    --ojojo-color-info-container: rgba(246.0000005364418, 232.00000137090683, 229.00000154972076, 1);
    --ojojo-color-inverse-on-surface: rgba(255, 255, 255, 1);
    --ojojo-color-inverse-surface: rgba(12.006362993270159, 10.023858323693275, 16.959681250154972, 1);
    --ojojo-color-on-critical: rgba(255, 255, 255, 1);
    --ojojo-color-on-critical-container: rgba(167.00000524520874, 24.000000469386578, 60.00000022351742, 1);
    --ojojo-color-on-featured: rgba(255, 255, 255, 1);
    --ojojo-color-on-featured-container: rgba(39.00000147521496, 16.000000946223736, 48.000000938773155, 1);
    --ojojo-color-on-info: rgba(255, 255, 255, 1);
    --ojojo-color-on-info-container: rgba(49.00000087916851, 22.000000588595867, 13.000000175088644, 1);
    --ojojo-color-on-overlay: rgba(255, 255, 255, 1);
    --ojojo-color-on-positive: rgba(255, 255, 255, 1);
    --ojojo-color-on-positive-container: rgba(16.000000946223736, 93.00000205636024, 74.0000031888485, 1);
    --ojojo-color-on-primary: rgba(255, 255, 255, 1);
    --ojojo-color-on-primary-container: rgba(19.0000007674098, 5.000000176951289, 25.000000409781933, 1);
    --ojojo-color-on-secondary: rgba(255, 255, 255, 1);
    --ojojo-color-on-secondary-container: rgba(19.0000007674098, 5.000000176951289, 25.000000409781933, 1);
    --ojojo-color-on-surface: rgba(12.006362993270159, 10.023858323693275, 16.959681250154972, 1);
    --ojojo-color-on-surface-variant: rgba(98.15859764814377, 90.06804898381233, 115.28549462556839, 1);
    --ojojo-color-on-tertiary: rgba(255, 255, 255, 1);
    --ojojo-color-on-tertiary-container: rgba(48.000000938773155, 48.000000938773155, 48.000000938773155, 1);
    --ojojo-color-outline: rgba(129.00000751018524, 132.0000073313713, 148.000006377697, 1);
    --ojojo-color-outline-focus: rgba(22.000000588595867, 104.00000140070915, 227.00000166893005, 1);
    --ojojo-color-outline-variant: rgba(223.00000190734863, 224.000001847744, 228.0000016093254, 1);
    --ojojo-color-overlay: rgba(12.006362993270159, 10.023858323693275, 16.959681250154972, 1);
    --ojojo-color-overlay-on-surface: rgba(12.006362993270159, 10.023858323693275, 16.959681250154972, 1);
    --ojojo-color-overlay-surface: rgba(255, 255, 255, 1);
    --ojojo-color-positive: rgba(34.00000177323818, 121.00000038743019, 80.00000283122063, 1);
    --ojojo-color-positive-container: rgba(190.0000038743019, 236.00000113248825, 198.00000339746475, 1);
    --ojojo-color-primary: rgba(106.00000128149986, 53.00000064074993, 126.00000008940697, 1);
    --ojojo-color-primary-container: rgba(240.00000089406967, 228.0000016093254, 246.0000005364418, 1);
    --ojojo-color-primary-container-variant: rgba(229.00000154972076, 208.0000028014183, 240.00000089406967, 1);
    --ojojo-color-primary-variant: rgba(39.00000147521496, 16.000000946223736, 48.000000938773155, 1);
    --ojojo-color-scrim: rgba(19.0000007674098, 5.000000176951289, 25.000000409781933, 1);
    --ojojo-color-scrim-opacity-high: rgba(12.000000234693289, 14.000000115484, 28.000000230968, 0.5);
    --ojojo-color-scrim-opacity-low: rgba(12.000000234693289, 14.000000115484, 28.000000230968, 0.3199999928474426);
    --ojojo-color-scrim-opacity-none: rgba(12.000000234693289, 14.000000115484, 28.000000230968, 0);
    --ojojo-color-scrim-opacity-xx-low: rgba(12.000000234693289, 14.000000115484, 28.000000230968, 0.10999999940395355);
    --ojojo-color-secondary: rgba(106.00000128149986, 53.00000064074993, 126.00000008940697, 1);
    --ojojo-color-secondary-container: rgba(240.00000089406967, 228.0000016093254, 246.0000005364418, 1);
    --ojojo-color-secondary-container-variant: rgba(229.00000154972076, 208.0000028014183, 240.00000089406967, 1);
    --ojojo-color-secondary-opacity-xx-low: rgba(22.000000588595867, 104.00000140070915, 227.00000166893005, 0.1599999964237213);
    --ojojo-color-shadow: rgba(12.000000234693289, 14.000000115484, 28.000000230968, 1);
    --ojojo-color-surface: rgba(255, 255, 255, 1);
    --ojojo-color-surface-container: rgba(234.91737842559814, 234.90295439958572, 235.6518942117691, 1);
    --ojojo-color-surface-container-variant: rgba(249.00000035762787, 249.00000035762787, 249.00000035762787, 1);
    --ojojo-color-surface-container-variant-opacity-none: rgba(239.00000095367432, 243.00000071525574, 247.00000047683716, 0);
    --ojojo-color-surface-high-elevation: rgba(255, 255, 255, 1);
    --ojojo-color-surface-low-elevation: rgba(255, 255, 255, 1);
    --ojojo-color-surface-medium-elevation: rgba(255, 255, 255, 1);
    --ojojo-color-surface-opacity-mid: rgba(255, 255, 255, 0.5);
    --ojojo-color-surface-opacity-none: rgba(255, 255, 255, 0);
    --ojojo-color-surface-opacity-x-high: rgba(255, 255, 255, 0.75);
    --ojojo-color-tertiary: rgba(71.00000336766243, 71.00000336766243, 71.00000336766243, 1);
    --ojojo-color-tertiary-container: rgba(212.99901455640793, 201.90061569213867, 195.83779782056808, 1);
    --ojojo-color-tertiary-container-variant: rgba(237.68329560756683, 230.94604432582855, 227.08615064620972, 1);
    --ojojo-color-web-header-on-surface: rgba(25.000000409781933, 30.00000011175871, 59.00000028312206, 1);
    --ojojo-color-web-header-surface: rgba(255, 255, 255, 1);
  }

  [data-ojojo-theme-dark='dark-1'] {
    --ojojo-color-bottom-bar-background: rgba(49.00000087916851, 55.00000052154064, 79.00000289082527, 0.800000011920929);
    --ojojo-color-bottom-bar-item-active-background: rgba(25.000000409781933, 30.00000011175871, 59.00000028312206, 1);
    --ojojo-color-bottom-bar-item-hover-background: rgba(25.000000409781933, 30.00000011175871, 59.00000028312206, 1);
    --ojojo-color-bottom-bar-item-hover-fill: rgba(255, 255, 255, 1);
    --ojojo-color-bottom-bar-item-rest-background: rgba(25.000000409781933, 30.00000011175871, 59.00000028312206, 1);
    --ojojo-color-bottom-bar-item-rest-fill: rgba(255, 255, 255, 1);
    --ojojo-color-bottom-bar-item-selected-fill: rgba(100.00000163912773, 157.0000058412552, 242.00000077486038, 1);
    --ojojo-color-critical: rgba(245.00000059604645, 86.00000247359276, 105.00000134110451, 1);
    --ojojo-color-critical-container: rgba(66.00000366568565, 14.000000115484, 27.000000290572643, 1);
    --ojojo-color-favorite: rgba(226.92537367343903, 65.60879945755005, 105.9379430115223, 1);
    --ojojo-color-featured: rgba(178.00000458955765, 104.00000140070915, 209.00000274181366, 1);
    --ojojo-color-featured-container: rgba(106.00000128149986, 53.00000064074993, 126.00000008940697, 1);
    --ojojo-color-info: rgba(225.00000178813934, 107.00000122189522, 70.00000342726707, 1);
    --ojojo-color-info-container: rgba(92.00000211596489, 43.00000123679638, 27.000000290572643, 1);
    --ojojo-color-inverse-on-surface: rgba(27.92521834373474, 23.881066851317883, 35.980649292469025, 1);
    --ojojo-color-inverse-surface: rgba(249.00000035762787, 249.00000035762787, 249.00000035762787, 1);
    --ojojo-color-on-critical: rgba(25.000000409781933, 30.00000011175871, 59.00000028312206, 1);
    --ojojo-color-on-critical-container: rgba(245.00000059604645, 86.00000247359276, 105.00000134110451, 1);
    --ojojo-color-on-featured: rgba(255, 255, 255, 1);
    --ojojo-color-on-featured-container: rgba(247.00000047683716, 242.00000077486038, 251.00000023841858, 1);
    --ojojo-color-on-info: rgba(49.00000087916851, 22.000000588595867, 13.000000175088644, 1);
    --ojojo-color-on-info-container: rgba(246.0000005364418, 232.00000137090683, 229.00000154972076, 1);
    --ojojo-color-on-overlay: rgba(255, 255, 255, 1);
    --ojojo-color-on-positive: rgba(25.000000409781933, 30.00000011175871, 59.00000028312206, 1);
    --ojojo-color-on-positive-container: rgba(87.00000241398811, 202.00000315904617, 97.00000181794167, 1);
    --ojojo-color-on-primary: rgba(39.00000147521496, 16.000000946223736, 48.000000938773155, 1);
    --ojojo-color-on-primary-container: rgba(247.00000047683716, 242.00000077486038, 251.00000023841858, 1);
    --ojojo-color-on-secondary: rgba(39.00000147521496, 16.000000946223736, 48.000000938773155, 1);
    --ojojo-color-on-secondary-container: rgba(247.00000047683716, 242.00000077486038, 251.00000023841858, 1);
    --ojojo-color-on-surface: rgba(255, 255, 255, 1);
    --ojojo-color-on-surface-variant: rgba(204.0174213051796, 202.92032897472382, 207.21209228038788, 1);
    --ojojo-color-on-tertiary: rgba(25.000000409781933, 25.000000409781933, 25.000000409781933, 1);
    --ojojo-color-on-tertiary-container: rgba(251.07672572135925, 247.12784081697464, 245.14072984457016, 1);
    --ojojo-color-outline: rgba(153.00000607967377, 156.00000590085983, 168.0000051856041, 1);
    --ojojo-color-outline-focus: rgba(61.00000016391277, 132.0000073313713, 240.00000089406967, 1);
    --ojojo-color-outline-variant: rgba(103.0000014603138, 106.00000128149986, 125.00000014901161, 1);
    --ojojo-color-overlay: rgba(27.92521834373474, 23.881066851317883, 35.980649292469025, 1);
    --ojojo-color-overlay-on-surface: rgba(255, 255, 255, 1);
    --ojojo-color-overlay-surface: rgba(27.92521834373474, 23.881066851317883, 35.980649292469025, 1);
    --ojojo-color-positive: rgba(87.00000241398811, 202.00000315904617, 97.00000181794167, 1);
    --ojojo-color-positive-container: rgba(2.000000118277967, 38.0000015348196, 35.00000171363354, 1);
    --ojojo-color-primary: rgba(196.00000351667404, 143.00000667572021, 221.00000202655792, 1);
    --ojojo-color-primary-container: rgba(106.00000128149986, 53.00000064074993, 126.00000008940697, 1);
    --ojojo-color-primary-container-variant: rgba(69.00000348687172, 33.00000183284283, 84.00000259280205, 1);
    --ojojo-color-primary-variant: rgba(216.00000232458115, 184.00000423192978, 233.00000131130219, 1);
    --ojojo-color-scrim: rgba(19.0000007674098, 5.000000176951289, 25.000000409781933, 1);
    --ojojo-color-scrim-opacity-high: rgba(12.000000234693289, 14.000000115484, 28.000000230968, 0.5);
    --ojojo-color-scrim-opacity-low: rgba(12.000000234693289, 14.000000115484, 28.000000230968, 0.3199999928474426);
    --ojojo-color-scrim-opacity-none: rgba(12.000000234693289, 14.000000115484, 28.000000230968, 0);
    --ojojo-color-scrim-opacity-xx-low: rgba(12.000000234693289, 14.000000115484, 28.000000230968, 0.10999999940395355);
    --ojojo-color-secondary: rgba(196.00000351667404, 143.00000667572021, 221.00000202655792, 1);
    --ojojo-color-secondary-container: rgba(106.00000128149986, 53.00000064074993, 126.00000008940697, 1);
    --ojojo-color-secondary-container-variant: rgba(69.00000348687172, 33.00000183284283, 84.00000259280205, 1);
    --ojojo-color-secondary-opacity-xx-low: rgba(100.00000163912773, 157.0000058412552, 242.00000077486038, 0.1599999964237213);
    --ojojo-color-shadow: rgba(12.000000234693289, 14.000000115484, 28.000000230968, 1);
    --ojojo-color-surface: rgba(39.00000147521496, 16.000000946223736, 48.000000938773155, 1);
    --ojojo-color-surface-container: rgba(51.08476281166077, 46.01775370538235, 63.202392384409904, 1);
    --ojojo-color-surface-container-variant: rgba(69.00000348687172, 33.00000183284283, 84.00000259280205, 1);
    --ojojo-color-surface-container-variant-opacity-none: rgba(25.000000409781933, 30.00000011175871, 59.00000028312206, 0);
    --ojojo-color-surface-high-elevation: rgba(69.00000348687172, 33.00000183284283, 84.00000259280205, 1);
    --ojojo-color-surface-low-elevation: rgba(39.00000147521496, 16.000000946223736, 48.000000938773155, 1);
    --ojojo-color-surface-medium-elevation: rgba(69.00000348687172, 33.00000183284283, 84.00000259280205, 1);
    --ojojo-color-surface-opacity-mid: rgba(12.000000234693289, 14.000000115484, 28.000000230968, 0.5);
    --ojojo-color-surface-opacity-none: rgba(12.000000234693289, 14.000000115484, 28.000000230968, 0);
    --ojojo-color-surface-opacity-x-high: rgba(12.000000234693289, 14.000000115484, 28.000000230968, 0.75);
    --ojojo-color-tertiary: rgba(212.99901455640793, 201.90061569213867, 195.83779782056808, 1);
    --ojojo-color-tertiary-container: rgba(71.00000336766243, 71.00000336766243, 71.00000336766243, 1);
    --ojojo-color-tertiary-container-variant: rgba(48.000000938773155, 48.000000938773155, 48.000000938773155, 1);
    --ojojo-color-web-header-on-surface: rgba(242.00000077486038, 242.00000077486038, 242.00000077486038, 1);
    --ojojo-color-web-header-surface: rgba(12.000000234693289, 14.000000115484, 28.000000230968, 1);
  }

  [data-ojojo-theme-dark='dark-2'] {
    --ojojo-color-bottom-bar-background: rgba(49.00000087916851, 55.00000052154064, 79.00000289082527, 0.800000011920929);
    --ojojo-color-bottom-bar-item-active-background: rgba(25.000000409781933, 30.00000011175871, 59.00000028312206, 1);
    --ojojo-color-bottom-bar-item-hover-background: rgba(25.000000409781933, 30.00000011175871, 59.00000028312206, 1);
    --ojojo-color-bottom-bar-item-hover-fill: rgba(255, 255, 255, 1);
    --ojojo-color-bottom-bar-item-rest-background: rgba(25.000000409781933, 30.00000011175871, 59.00000028312206, 1);
    --ojojo-color-bottom-bar-item-rest-fill: rgba(255, 255, 255, 1);
    --ojojo-color-bottom-bar-item-selected-fill: rgba(255, 255, 255, 1);
    --ojojo-color-critical: rgba(255, 239.00000095367432, 239.00000095367432, 1);
    --ojojo-color-critical-container: rgba(66.00000366568565, 14.000000115484, 27.000000290572643, 1);
    --ojojo-color-favorite: rgba(250.00000029802322, 41.00000135600567, 41.00000135600567, 1);
    --ojojo-color-featured: rgba(183.00000429153442, 205.00000298023224, 220.00000208616257, 1);
    --ojojo-color-featured-container: rgba(183.00000429153442, 205.00000298023224, 220.00000208616257, 1);
    --ojojo-color-info: rgba(253.0000001192093, 219.0000021457672, 50.000000819563866, 1);
    --ojojo-color-info-container: rgba(253.0000001192093, 219.0000021457672, 50.000000819563866, 1);
    --ojojo-color-inverse-on-surface: rgba(25.000000409781933, 30.00000011175871, 59.00000028312206, 1);
    --ojojo-color-inverse-surface: rgba(223.00000190734863, 224.000001847744, 228.0000016093254, 1);
    --ojojo-color-on-critical: rgba(167.00000524520874, 24.000000469386578, 60.00000022351742, 1);
    --ojojo-color-on-critical-container: rgba(245.00000059604645, 86.00000247359276, 105.00000134110451, 1);
    --ojojo-color-on-featured: rgba(25.000000409781933, 30.00000011175871, 59.00000028312206, 1);
    --ojojo-color-on-featured-container: rgba(25.000000409781933, 30.00000011175871, 59.00000028312206, 1);
    --ojojo-color-on-info: rgba(25.000000409781933, 30.00000011175871, 59.00000028312206, 1);
    --ojojo-color-on-info-container: rgba(25.000000409781933, 30.00000011175871, 59.00000028312206, 1);
    --ojojo-color-on-overlay: rgba(255, 255, 255, 1);
    --ojojo-color-on-positive: rgba(16.000000946223736, 93.00000205636024, 74.0000031888485, 1);
    --ojojo-color-on-positive-container: rgba(87.00000241398811, 202.00000315904617, 97.00000181794167, 1);
    --ojojo-color-on-primary: rgba(25.000000409781933, 30.00000011175871, 59.00000028312206, 1);
    --ojojo-color-on-primary-container: rgba(205.00000298023224, 228.0000016093254, 249.00000035762787, 1);
    --ojojo-color-on-secondary: rgba(25.000000409781933, 30.00000011175871, 59.00000028312206, 1);
    --ojojo-color-on-secondary-container: rgba(205.00000298023224, 228.0000016093254, 249.00000035762787, 1);
    --ojojo-color-on-surface: rgba(255, 255, 255, 1);
    --ojojo-color-on-surface-variant: rgba(255, 255, 255, 1);
    --ojojo-color-on-tertiary: rgba(25.000000409781933, 30.00000011175871, 59.00000028312206, 1);
    --ojojo-color-on-tertiary-container: rgba(202.00000315904617, 204.00000303983688, 210.00000268220901, 1);
    --ojojo-color-outline: rgba(205.00000298023224, 228.0000016093254, 249.00000035762787, 1);
    --ojojo-color-outline-focus: rgba(255, 255, 255, 1);
    --ojojo-color-outline-variant: rgba(23.000000528991222, 59.00000028312206, 82.00000271201134, 1);
    --ojojo-color-overlay: rgba(12.000000234693289, 14.000000115484, 28.000000230968, 1);
    --ojojo-color-overlay-on-surface: rgba(255, 255, 255, 1);
    --ojojo-color-overlay-surface: rgba(25.000000409781933, 30.00000011175871, 59.00000028312206, 1);
    --ojojo-color-positive: rgba(230.00000149011612, 247.00000047683716, 233.00000131130219, 1);
    --ojojo-color-positive-container: rgba(2.000000118277967, 38.0000015348196, 35.00000171363354, 1);
    --ojojo-color-primary: rgba(255, 255, 255, 1);
    --ojojo-color-primary-container: rgba(37.00000159442425, 87.00000241398811, 117.00000062584877, 1);
    --ojojo-color-primary-container-variant: rgba(23.000000528991222, 59.00000028312206, 82.00000271201134, 1);
    --ojojo-color-primary-variant: rgba(205.00000298023224, 228.0000016093254, 249.00000035762787, 1);
    --ojojo-color-scrim: rgba(12.000000234693289, 14.000000115484, 28.000000230968, 1);
    --ojojo-color-scrim-opacity-high: rgba(12.000000234693289, 14.000000115484, 28.000000230968, 0.5);
    --ojojo-color-scrim-opacity-low: rgba(12.000000234693289, 14.000000115484, 28.000000230968, 0.3199999928474426);
    --ojojo-color-scrim-opacity-none: rgba(12.000000234693289, 14.000000115484, 28.000000230968, 0);
    --ojojo-color-scrim-opacity-xx-low: rgba(12.000000234693289, 14.000000115484, 28.000000230968, 0.10999999940395355);
    --ojojo-color-secondary: rgba(255, 255, 255, 1);
    --ojojo-color-secondary-container: rgba(37.00000159442425, 87.00000241398811, 117.00000062584877, 1);
    --ojojo-color-secondary-container-variant: rgba(23.000000528991222, 59.00000028312206, 82.00000271201134, 1);
    --ojojo-color-secondary-opacity-xx-low: rgba(255, 255, 255, 0.1599999964237213);
    --ojojo-color-shadow: rgba(12.000000234693289, 14.000000115484, 28.000000230968, 1);
    --ojojo-color-surface: rgba(51.00000075995922, 113.00000086426735, 151.00000619888306, 1);
    --ojojo-color-surface-container: rgba(49.00000087916851, 55.00000052154064, 79.00000289082527, 1);
    --ojojo-color-surface-container-variant: rgba(37.00000159442425, 87.00000241398811, 117.00000062584877, 1);
    --ojojo-color-surface-container-variant-opacity-none: rgba(37.00000159442425, 87.00000241398811, 117.00000062584877, 0);
    --ojojo-color-surface-high-elevation: rgba(37.00000159442425, 87.00000241398811, 117.00000062584877, 1);
    --ojojo-color-surface-low-elevation: rgba(51.00000075995922, 113.00000086426735, 151.00000619888306, 1);
    --ojojo-color-surface-medium-elevation: rgba(37.00000159442425, 87.00000241398811, 117.00000062584877, 1);
    --ojojo-color-surface-opacity-mid: rgba(51.00000075995922, 113.00000086426735, 151.00000619888306, 0.5);
    --ojojo-color-surface-opacity-none: rgba(51.00000075995922, 113.00000086426735, 151.00000619888306, 0);
    --ojojo-color-surface-opacity-x-high: rgba(51.00000075995922, 113.00000086426735, 151.00000619888306, 0.75);
    --ojojo-color-tertiary: rgba(202.00000315904617, 204.00000303983688, 210.00000268220901, 1);
    --ojojo-color-tertiary-container: rgba(23.000000528991222, 59.00000028312206, 82.00000271201134, 1);
    --ojojo-color-tertiary-container-variant: rgba(25.000000409781933, 30.00000011175871, 59.00000028312206, 1);
    --ojojo-color-web-header-on-surface: rgba(255, 255, 255, 1);
    --ojojo-color-web-header-surface: rgba(51.00000075995922, 113.00000086426735, 151.00000619888306, 1);
  }

  [data-ojojo-theme-dark='bright-1'] {
    --ojojo-color-bottom-bar-background: rgba(223.00000190734863, 224.000001847744, 228.0000016093254, 0.800000011920929);
    --ojojo-color-bottom-bar-item-active-background: rgba(255, 255, 255, 1);
    --ojojo-color-bottom-bar-item-hover-background: rgba(255, 255, 255, 1);
    --ojojo-color-bottom-bar-item-hover-fill: rgba(12.000000234693289, 14.000000115484, 28.000000230968, 1);
    --ojojo-color-bottom-bar-item-rest-background: rgba(255, 255, 255, 1);
    --ojojo-color-bottom-bar-item-rest-fill: rgba(12.000000234693289, 14.000000115484, 28.000000230968, 1);
    --ojojo-color-bottom-bar-item-selected-fill: rgba(12.000000234693289, 14.000000115484, 28.000000230968, 1);
    --ojojo-color-critical: rgba(167.00000524520874, 24.000000469386578, 60.00000022351742, 1);
    --ojojo-color-critical-container: rgba(252.00000017881393, 141.0000067949295, 150.0000062584877, 1);
    --ojojo-color-favorite: rgba(250.00000029802322, 41.00000135600567, 41.00000135600567, 1);
    --ojojo-color-featured: rgba(17.00000088661909, 104.00000140070915, 141.0000067949295, 1);
    --ojojo-color-featured-container: rgba(106.00000128149986, 224.000001847744, 235.0000011920929, 1);
    --ojojo-color-info: rgba(87.00000241398811, 77.00000301003456, 109.00000110268593, 1);
    --ojojo-color-info-container: rgba(202.00000315904617, 192.00000375509262, 223.00000190734863, 1);
    --ojojo-color-inverse-on-surface: rgba(255, 255, 255, 1);
    --ojojo-color-inverse-surface: rgba(12.000000234693289, 14.000000115484, 28.000000230968, 1);
    --ojojo-color-on-critical: rgba(255, 255, 255, 1);
    --ojojo-color-on-critical-container: rgba(108.00000116229057, 23.000000528991222, 44.000001177191734, 1);
    --ojojo-color-on-featured: rgba(255, 255, 255, 1);
    --ojojo-color-on-featured-container: rgba(12.000000234693289, 76.0000030696392, 113.00000086426735, 1);
    --ojojo-color-on-info: rgba(255, 255, 255, 1);
    --ojojo-color-on-info-container: rgba(87.00000241398811, 77.00000301003456, 109.00000110268593, 1);
    --ojojo-color-on-overlay: rgba(255, 255, 255, 1);
    --ojojo-color-on-positive: rgba(255, 255, 255, 1);
    --ojojo-color-on-positive-container: rgba(16.000000946223736, 93.00000205636024, 74.0000031888485, 1);
    --ojojo-color-on-primary: rgba(255, 255, 255, 1);
    --ojojo-color-on-primary-container: rgba(12.000000234693289, 14.000000115484, 28.000000230968, 1);
    --ojojo-color-on-secondary: rgba(255, 255, 255, 1);
    --ojojo-color-on-secondary-container: rgba(12.000000234693289, 14.000000115484, 28.000000230968, 1);
    --ojojo-color-on-surface: rgba(12.000000234693289, 14.000000115484, 28.000000230968, 1);
    --ojojo-color-on-surface-variant: rgba(96.00000187754631, 80.00000283122063, 1.0000000591389835, 1);
    --ojojo-color-on-tertiary: rgba(255, 255, 255, 1);
    --ojojo-color-on-tertiary-container: rgba(12.000000234693289, 14.000000115484, 28.000000230968, 1);
    --ojojo-color-outline: rgba(12.000000234693289, 14.000000115484, 28.000000230968, 1);
    --ojojo-color-outline-focus: rgba(22.000000588595867, 104.00000140070915, 227.00000166893005, 1);
    --ojojo-color-outline-variant: rgba(200.00000327825546, 177.0000046491623, 61.00000016391277, 1);
    --ojojo-color-overlay: rgba(12.000000234693289, 14.000000115484, 28.000000230968, 1);
    --ojojo-color-overlay-on-surface: rgba(255, 255, 255, 1);
    --ojojo-color-overlay-surface: rgba(25.000000409781933, 30.00000011175871, 59.00000028312206, 1);
    --ojojo-color-positive: rgba(16.000000946223736, 93.00000205636024, 74.0000031888485, 1);
    --ojojo-color-positive-container: rgba(143.00000667572021, 222.00000196695328, 150.0000062584877, 1);
    --ojojo-color-primary: rgba(12.000000234693289, 14.000000115484, 28.000000230968, 1);
    --ojojo-color-primary-container: rgba(254.00000005960464, 244.0000006556511, 194.00000363588333, 1);
    --ojojo-color-primary-container-variant: rgba(254.00000005960464, 230.00000149011612, 114.0000008046627, 1);
    --ojojo-color-primary-variant: rgba(77.00000301003456, 81.00000277161598, 103.0000014603138, 1);
    --ojojo-color-scrim: rgba(12.000000234693289, 14.000000115484, 28.000000230968, 1);
    --ojojo-color-scrim-opacity-high: rgba(12.000000234693289, 14.000000115484, 28.000000230968, 0.5);
    --ojojo-color-scrim-opacity-low: rgba(12.000000234693289, 14.000000115484, 28.000000230968, 0.3199999928474426);
    --ojojo-color-scrim-opacity-none: rgba(12.000000234693289, 14.000000115484, 28.000000230968, 0);
    --ojojo-color-scrim-opacity-xx-low: rgba(12.000000234693289, 14.000000115484, 28.000000230968, 0.10999999940395355);
    --ojojo-color-secondary: rgba(12.000000234693289, 14.000000115484, 28.000000230968, 1);
    --ojojo-color-secondary-container: rgba(254.00000005960464, 244.0000006556511, 194.00000363588333, 1);
    --ojojo-color-secondary-container-variant: rgba(254.00000005960464, 230.00000149011612, 114.0000008046627, 1);
    --ojojo-color-secondary-opacity-xx-low: rgba(12.000000234693289, 14.000000115484, 28.000000230968, 0.1599999964237213);
    --ojojo-color-shadow: rgba(12.000000234693289, 14.000000115484, 28.000000230968, 1);
    --ojojo-color-surface: rgba(253.0000001192093, 219.0000021457672, 50.000000819563866, 1);
    --ojojo-color-surface-container: rgba(254.00000005960464, 244.0000006556511, 194.00000363588333, 1);
    --ojojo-color-surface-container-variant: rgba(254.00000005960464, 230.00000149011612, 114.0000008046627, 1);
    --ojojo-color-surface-container-variant-opacity-none: rgba(254.00000005960464, 230.00000149011612, 114.0000008046627, 0);
    --ojojo-color-surface-high-elevation: rgba(253.0000001192093, 219.0000021457672, 50.000000819563866, 1);
    --ojojo-color-surface-low-elevation: rgba(253.0000001192093, 219.0000021457672, 50.000000819563866, 1);
    --ojojo-color-surface-medium-elevation: rgba(253.0000001192093, 219.0000021457672, 50.000000819563866, 1);
    --ojojo-color-surface-opacity-mid: rgba(253.0000001192093, 219.0000021457672, 50.000000819563866, 0.5);
    --ojojo-color-surface-opacity-none: rgba(253.0000001192093, 219.0000021457672, 50.000000819563866, 0);
    --ojojo-color-surface-opacity-x-high: rgba(253.0000001192093, 219.0000021457672, 50.000000819563866, 0.75);
    --ojojo-color-tertiary: rgba(49.00000087916851, 55.00000052154064, 79.00000289082527, 1);
    --ojojo-color-tertiary-container: rgba(222.00000196695328, 185.00000417232513, 2.000000118277967, 1);
    --ojojo-color-tertiary-container-variant: rgba(254.00000005960464, 230.00000149011612, 114.0000008046627, 1);
    --ojojo-color-web-header-on-surface: rgba(12.000000234693289, 14.000000115484, 28.000000230968, 1);
    --ojojo-color-web-header-surface: rgba(253.0000001192093, 219.0000021457672, 50.000000819563866, 1);
  }

  [data-ojojo-theme-dark='marketing-1'] {
    --ojojo-color-bottom-bar-background: rgba(223.00000190734863, 224.000001847744, 228.0000016093254, 0.800000011920929);
    --ojojo-color-bottom-bar-item-active-background: rgba(255, 255, 255, 1);
    --ojojo-color-bottom-bar-item-hover-background: rgba(255, 255, 255, 1);
    --ojojo-color-bottom-bar-item-hover-fill: rgba(25.000000409781933, 30.00000011175871, 59.00000028312206, 1);
    --ojojo-color-bottom-bar-item-rest-background: rgba(255, 255, 255, 1);
    --ojojo-color-bottom-bar-item-rest-fill: rgba(25.000000409781933, 30.00000011175871, 59.00000028312206, 1);
    --ojojo-color-bottom-bar-item-selected-fill: rgba(25.000000409781933, 30.00000011175871, 59.00000028312206, 1);
    --ojojo-color-critical: rgba(108.00000116229057, 23.000000528991222, 44.000001177191734, 1);
    --ojojo-color-critical-container: rgba(254.00000005960464, 213.00000250339508, 216.00000232458115, 1);
    --ojojo-color-favorite: rgba(250.00000029802322, 41.00000135600567, 41.00000135600567, 1);
    --ojojo-color-featured: rgba(106.00000128149986, 224.000001847744, 235.0000011920929, 1);
    --ojojo-color-featured-container: rgba(178.00000458955765, 236.00000113248825, 240.00000089406967, 1);
    --ojojo-color-info: rgba(124.00000020861626, 111.00000098347664, 155.00000596046448, 1);
    --ojojo-color-info-container: rgba(224.000001847744, 218.00000220537186, 239.00000095367432, 1);
    --ojojo-color-inverse-on-surface: rgba(255, 255, 255, 1);
    --ojojo-color-inverse-surface: rgba(12.000000234693289, 14.000000115484, 28.000000230968, 1);
    --ojojo-color-on-critical: rgba(255, 255, 255, 1);
    --ojojo-color-on-critical-container: rgba(167.00000524520874, 24.000000469386578, 60.00000022351742, 1);
    --ojojo-color-on-featured: rgba(25.000000409781933, 30.00000011175871, 59.00000028312206, 1);
    --ojojo-color-on-featured-container: rgba(17.00000088661909, 104.00000140070915, 141.0000067949295, 1);
    --ojojo-color-on-info: rgba(255, 255, 255, 1);
    --ojojo-color-on-info-container: rgba(87.00000241398811, 77.00000301003456, 109.00000110268593, 1);
    --ojojo-color-on-overlay: rgba(255, 255, 255, 1);
    --ojojo-color-on-positive: rgba(255, 255, 255, 1);
    --ojojo-color-on-positive-container: rgba(16.000000946223736, 93.00000205636024, 74.0000031888485, 1);
    --ojojo-color-on-primary: rgba(255, 255, 255, 1);
    --ojojo-color-on-primary-container: rgba(13.000000175088644, 78.00000295042992, 175.00000476837158, 1);
    --ojojo-color-on-secondary: rgba(255, 255, 255, 1);
    --ojojo-color-on-secondary-container: rgba(25.000000409781933, 30.00000011175871, 59.00000028312206, 1);
    --ojojo-color-on-surface: rgba(25.000000409781933, 30.00000011175871, 59.00000028312206, 1);
    --ojojo-color-on-surface-variant: rgba(25.000000409781933, 30.00000011175871, 59.00000028312206, 1);
    --ojojo-color-on-tertiary: rgba(255, 255, 255, 1);
    --ojojo-color-on-tertiary-container: rgba(25.000000409781933, 30.00000011175871, 59.00000028312206, 1);
    --ojojo-color-outline: rgba(25.000000409781933, 30.00000011175871, 59.00000028312206, 1);
    --ojojo-color-outline-focus: rgba(22.000000588595867, 104.00000140070915, 227.00000166893005, 1);
    --ojojo-color-outline-variant: rgba(215.0000023841858, 230.00000149011612, 229.00000154972076, 1);
    --ojojo-color-overlay: rgba(25.000000409781933, 30.00000011175871, 59.00000028312206, 1);
    --ojojo-color-overlay-on-surface: rgba(255, 255, 255, 1);
    --ojojo-color-overlay-surface: rgba(25.000000409781933, 30.00000011175871, 59.00000028312206, 1);
    --ojojo-color-positive: rgba(4.000000236555934, 63.000000044703484, 59.00000028312206, 1);
    --ojojo-color-positive-container: rgba(190.0000038743019, 236.00000113248825, 198.00000339746475, 1);
    --ojojo-color-primary: rgba(25.000000409781933, 30.00000011175871, 59.00000028312206, 1);
    --ojojo-color-primary-container: rgba(200.00000327825546, 223.00000190734863, 249.00000035762787, 1);
    --ojojo-color-primary-container-variant: rgba(236.00000113248825, 244.0000006556511, 253.0000001192093, 1);
    --ojojo-color-primary-variant: rgba(77.00000301003456, 81.00000277161598, 103.0000014603138, 1);
    --ojojo-color-scrim: rgba(12.000000234693289, 14.000000115484, 28.000000230968, 1);
    --ojojo-color-scrim-opacity-high: rgba(12.000000234693289, 14.000000115484, 28.000000230968, 0.5);
    --ojojo-color-scrim-opacity-low: rgba(12.000000234693289, 14.000000115484, 28.000000230968, 0.3199999928474426);
    --ojojo-color-scrim-opacity-none: rgba(12.000000234693289, 14.000000115484, 28.000000230968, 0);
    --ojojo-color-scrim-opacity-xx-low: rgba(12.000000234693289, 14.000000115484, 28.000000230968, 0.10999999940395355);
    --ojojo-color-secondary: rgba(25.000000409781933, 30.00000011175871, 59.00000028312206, 1);
    --ojojo-color-secondary-container: rgba(200.00000327825546, 223.00000190734863, 249.00000035762787, 1);
    --ojojo-color-secondary-container-variant: rgba(236.00000113248825, 244.0000006556511, 253.0000001192093, 1);
    --ojojo-color-secondary-opacity-xx-low: rgba(25.000000409781933, 30.00000011175871, 59.00000028312206, 0.1599999964237213);
    --ojojo-color-shadow: rgba(12.000000234693289, 14.000000115484, 28.000000230968, 1);
    --ojojo-color-surface: rgba(155.00000596046448, 206.0000029206276, 190.0000038743019, 1);
    --ojojo-color-surface-container: rgba(223.00000190734863, 224.000001847744, 228.0000016093254, 1);
    --ojojo-color-surface-container-variant: rgba(255, 255, 255, 1);
    --ojojo-color-surface-container-variant-opacity-none: rgba(255, 255, 255, 0);
    --ojojo-color-surface-high-elevation: rgba(255, 255, 255, 1);
    --ojojo-color-surface-low-elevation: rgba(255, 255, 255, 1);
    --ojojo-color-surface-medium-elevation: rgba(255, 255, 255, 1);
    --ojojo-color-surface-opacity-mid: rgba(155.00000596046448, 206.0000029206276, 190.0000038743019, 0.5);
    --ojojo-color-surface-opacity-none: rgba(155.00000596046448, 206.0000029206276, 190.0000038743019, 0);
    --ojojo-color-surface-opacity-x-high: rgba(155.00000596046448, 206.0000029206276, 190.0000038743019, 0.75);
    --ojojo-color-tertiary: rgba(77.00000301003456, 81.00000277161598, 103.0000014603138, 1);
    --ojojo-color-tertiary-container: rgba(215.0000023841858, 230.00000149011612, 229.00000154972076, 1);
    --ojojo-color-tertiary-container-variant: rgba(155.00000596046448, 206.0000029206276, 190.0000038743019, 1);
    --ojojo-color-web-header-on-surface: rgba(25.000000409781933, 30.00000011175871, 59.00000028312206, 1);
    --ojojo-color-web-header-surface: rgba(155.00000596046448, 206.0000029206276, 190.0000038743019, 1);
  }
}

:root, :host { --ojojo-asset-light-display: block; --ojojo-asset-dark-display: none; }
@media (prefers-color-scheme: dark) {:root, :host { --ojojo-asset-light-display: none; --ojojo-asset-dark-display: block; }}
[data-ojojo-theme-light="light-1"] { --ojojo-asset-light-display: block; --ojojo-asset-dark-display: none; }
[data-ojojo-theme-light="dark-1"] { --ojojo-asset-light-display: none; --ojojo-asset-dark-display: block; }
[data-ojojo-theme-light="dark-2"] { --ojojo-asset-light-display: block; --ojojo-asset-dark-display: none; }
[data-ojojo-theme-light="bright-1"] { --ojojo-asset-light-display: block; --ojojo-asset-dark-display: none; }
[data-ojojo-theme-light="marketing-1"] { --ojojo-asset-light-display: block; --ojojo-asset-dark-display: none; }
@media (prefers-color-scheme: dark) {[data-ojojo-theme-dark="light-1"] { --ojojo-asset-light-display: block; --ojojo-asset-dark-display: none; }
[data-ojojo-theme-dark="dark-1"] { --ojojo-asset-light-display: none; --ojojo-asset-dark-display: block; }
[data-ojojo-theme-dark="dark-2"] { --ojojo-asset-light-display: block; --ojojo-asset-dark-display: none; }
[data-ojojo-theme-dark="bright-1"] { --ojojo-asset-light-display: block; --ojojo-asset-dark-display: none; }
[data-ojojo-theme-dark="marketing-1"] { --ojojo-asset-light-display: block; --ojojo-asset-dark-display: none; }}

/* ../vendor/ojojo/components/src/foundations/glyphs/glyph.css */
.ojojo-glyph {
  display: inline-flex;
  fill: currentcolor;
  line-height: 0;
}
[dir=rtl] .ojojo-glyph--rtl-mirror {
  transform: scaleX(-1);
}

/* ../vendor/ojojo/components/src/heading/styles/ojojo-heading.css */
.ojojo-heading {
  margin: 0;
  padding: 0;
}
.ojojo-heading--headlineS {
  font-family: var(--ojojo-typography-headline--s-font-family);
  font-size: var(--ojojo-typography-headline--s-font-size);
  font-weight: var(--ojojo-typography-headline--s-font-weight);
  letter-spacing: var(--ojojo-typography-headline--s-tracking);
  line-height: var(--ojojo-typography-headline--s-line-height);
}
.ojojo-heading--headlineM {
  font-family: var(--ojojo-typography-headline--m-font-family);
  font-size: var(--ojojo-typography-headline--m-font-size);
  font-weight: var(--ojojo-typography-headline--m-font-weight);
  letter-spacing: var(--ojojo-typography-headline--m-tracking);
  line-height: var(--ojojo-typography-headline--m-line-height);
}
.ojojo-heading--headlineL {
  font-family: var(--ojojo-typography-headline--l-font-family);
  font-size: var(--ojojo-typography-headline--l-font-size);
  font-weight: var(--ojojo-typography-headline--l-font-weight);
  letter-spacing: var(--ojojo-typography-headline--l-tracking);
  line-height: var(--ojojo-typography-headline--l-line-height);
}
.ojojo-heading--headlineXl {
  font-family: var(--ojojo-typography-headline--xl-font-family);
  font-size: var(--ojojo-typography-headline--xl-font-size);
  font-weight: var(--ojojo-typography-headline--xl-font-weight);
  letter-spacing: var(--ojojo-typography-headline--xl-tracking);
  line-height: var(--ojojo-typography-headline--xl-line-height);
}
.ojojo-heading--headlineOverline {
  font-family: var(--ojojo-typography-headline--overline-font-family);
  font-size: var(--ojojo-typography-headline--overline-font-size);
  font-weight: var(--ojojo-typography-headline--overline-font-weight);
  letter-spacing: var(--ojojo-typography-headline--overline-tracking);
  line-height: var(--ojojo-typography-headline--overline-line-height);
  text-transform: uppercase;
}
.ojojo-heading--displayS {
  font-family: var(--ojojo-typography-display--s-font-family);
  font-size: var(--ojojo-typography-display--s-font-size);
  font-weight: var(--ojojo-typography-display--s-font-weight);
  letter-spacing: var(--ojojo-typography-display--s-tracking);
  line-height: var(--ojojo-typography-display--s-line-height);
}
.ojojo-heading--displayM {
  font-family: var(--ojojo-typography-display--m-font-family);
  font-size: var(--ojojo-typography-display--m-font-size);
  font-weight: var(--ojojo-typography-display--m-font-weight);
  letter-spacing: var(--ojojo-typography-display--m-tracking);
  line-height: var(--ojojo-typography-display--m-line-height);
}
.ojojo-heading--color-onSurface {
  color: var(--ojojo-color-on-surface);
}
.ojojo-heading--color-onSurfaceVariant {
  color: var(--ojojo-color-on-surface-variant);
}
.ojojo-heading--color-onOverlay {
  color: var(--ojojo-color-on-overlay);
}

/* ../vendor/ojojo/components/src/link/styles/ojojo-link.css */
.ojojo-link {
  align-items: center;
  background: none;
  border: none;
  color: var(--ojojo-color-secondary);
  cursor: pointer;
  display: inline-flex;
  flex-wrap: wrap;
  gap: var(--ojojo-spacing-1x);
  margin: 0;
  padding: 0;
  row-gap: var(--ojojo-spacing-1x);
  text-decoration: none;
}
.ojojo-link__label {
  color: var(--ojojo-color-secondary);
  font: var(--ojojo-typography-font--300--regular--underline-font-weight) var(--ojojo-typography-font--300--regular--underline-font-size) / var(--ojojo-typography-font--300--regular--underline-line-height) var(--ojojo-typography-font--300--regular--underline-font-family), sans-serif;
  letter-spacing: var(--ojojo-typography-font--300--regular--underline-tracking);
  text-decoration: var(--ojojo-typography-font--300--regular--underline-text-decoration);
}
.ojojo-link__icon {
  align-items: center;
  block-size: var(--ojojo-sizing-4x-half);
  color: inherit;
  display: inline-flex;
  flex-shrink: 0;
  inline-size: var(--ojojo-sizing-4x-half);
  justify-content: center;
}
.ojojo-link__icon svg {
  block-size: 100%;
  fill: currentcolor;
  inline-size: 100%;
}
.ojojo-link--s .ojojo-link__icon {
  block-size: var(--ojojo-sizing-4x);
  inline-size: var(--ojojo-sizing-4x);
}
.ojojo-link--s .ojojo-link__label {
  font: var(--ojojo-typography-font--200--regular--underline-font-weight) var(--ojojo-typography-font--200--regular--underline-font-size) / var(--ojojo-typography-font--200--regular--underline-line-height) var(--ojojo-typography-font--200--regular--underline-font-family), sans-serif;
  letter-spacing: var(--ojojo-typography-font--200--regular--underline-tracking);
  text-decoration: var(--ojojo-typography-font--200--regular--underline-text-decoration);
}
.ojojo-link--l .ojojo-link__label {
  font: var(--ojojo-typography-font--400--regular--underline-font-weight) var(--ojojo-typography-font--400--regular--underline-font-size) / var(--ojojo-typography-font--400--regular--underline-line-height) var(--ojojo-typography-font--400--regular--underline-font-family), sans-serif;
  letter-spacing: var(--ojojo-typography-font--400--regular--underline-tracking);
  text-decoration: var(--ojojo-typography-font--400--regular--underline-text-decoration);
}
.ojojo-link--secondary {
  color: var(--ojojo-color-secondary);
}
.ojojo-link--secondary .ojojo-link__label {
  color: var(--ojojo-color-secondary);
}
.ojojo-link--onOverlay {
  color: var(--ojojo-color-on-overlay);
}
.ojojo-link--onOverlay .ojojo-link__label {
  color: var(--ojojo-color-on-overlay);
}
.ojojo-link--inverseOnSurface {
  color: var(--ojojo-color-inverse-on-surface);
}
.ojojo-link--inverseOnSurface .ojojo-link__label {
  color: var(--ojojo-color-inverse-on-surface);
}
.ojojo-link--onCritical {
  color: var(--ojojo-color-on-critical);
}
.ojojo-link--onCritical .ojojo-link__label {
  color: var(--ojojo-color-on-critical);
}
.ojojo-link--disabled {
  cursor: not-allowed;
  opacity: var(--ojojo-opacity-36);
  pointer-events: none;
}
.ojojo-link:focus-visible {
  outline: 2px solid var(--ojojo-color-outline-focus);
  outline-offset: 2px;
}

/* ../vendor/ojojo/components/src/mark/styles/ojojo-mark.css */
.ojojo-mark {
  align-items: center;
  display: inline-flex;
}
.ojojo-mark__asset {
  block-size: 100%;
  flex-shrink: 0;
}
.ojojo-mark__asset > * {
  block-size: 100%;
  display: block;
  inline-size: auto;
}
.ojojo-mark--constraint-constrainedHeight {
  inline-size: auto;
}
.ojojo-mark--constraint-constrainedHeight.ojojo-mark--size-xS {
  block-size: var(--ojojo-sizing-4x);
}
.ojojo-mark--constraint-constrainedHeight.ojojo-mark--size-s {
  block-size: var(--ojojo-sizing-4x-half);
}
.ojojo-mark--constraint-constrainedHeight.ojojo-mark--size-m {
  block-size: var(--ojojo-sizing-6x);
}
.ojojo-mark--constraint-constrainedHeight.ojojo-mark--size-l {
  block-size: var(--ojojo-sizing-8x);
}
.ojojo-mark--constraint-constrainedHeight.ojojo-mark--size-xL {
  block-size: var(--ojojo-sizing-12x);
}
.ojojo-mark--constraint-constrainedWidth {
  align-items: flex-start;
  block-size: auto;
  flex-direction: column;
  justify-content: center;
}
.ojojo-mark--constraint-constrainedWidth .ojojo-mark__asset {
  block-size: auto;
  inline-size: 100%;
}
.ojojo-mark--constraint-constrainedWidth .ojojo-mark__asset > * {
  block-size: auto;
  inline-size: 100%;
}
.ojojo-mark--constraint-constrainedWidth.ojojo-mark--size-xS {
  inline-size: var(--ojojo-sizing-4x);
}
.ojojo-mark--constraint-constrainedWidth.ojojo-mark--size-s {
  inline-size: var(--ojojo-sizing-4x-half);
}
.ojojo-mark--constraint-constrainedWidth.ojojo-mark--size-m {
  inline-size: var(--ojojo-sizing-6x);
}
.ojojo-mark--constraint-constrainedWidth.ojojo-mark--size-l {
  inline-size: var(--ojojo-sizing-8x);
}
.ojojo-mark--constraint-constrainedWidth.ojojo-mark--size-xL {
  inline-size: var(--ojojo-sizing-12x);
}
.ojojo-mark__asset > .ojojo-mark__light {
  display: var(--ojojo-asset-light-display);
}
.ojojo-mark__asset > .ojojo-mark__dark {
  display: var(--ojojo-asset-dark-display);
}