:root {
  /* Surfaces */
  --paper: oklch(97% 0.010 260);
  --pageBackground: var(--paper);
  --paperWarm: oklch(88% 0.014 260);
  --paperCard: oklch(94% 0.011 260);
  --hairline: oklch(84% 0.012 260);
  --hairlineStrong: oklch(76% 0.014 260);

  /* Text */
  --ink: oklch(18% 0.014 260);
  --inkSoft: oklch(32% 0.012 260);
  --inkMuted: oklch(44% 0.012 260);
  --inkFaint: oklch(72% 0.007 260);

  /* Accent */
  --accent: oklch(78% 0.130 215);
  --accentDeep: oklch(50% 0.130 215);
  --accentGlow: oklch(85% 0.100 215);

  /* Status */
  --statusAiring: oklch(62% 0.105 195);
  --statusUpcoming: oklch(72% 0.130 65);
  --statusFinished: oklch(60% 0.008 260);
  --statusHiatus: oklch(58% 0.008 260);
  --statusMissing: oklch(58% 0.165 28);

  /* Semantic & brand aliases */
  --textColor: oklch(32% 0.012 260);
  --defaultColor: oklch(18% 0.014 260);
  --disabledColor: oklch(56% 0.010 260);
  --dimColor: oklch(52% 0.010 260);
  --black: oklch(18% 0.014 260);
  --white: oklch(100% 0 0);
  --offWhite: var(--paper);
  --primaryColor: oklch(100% 0 0);
  --selectedColor: oklch(78% 0.130 215);
  --successColor: oklch(62% 0.115 148);
  --dangerColor: oklch(58% 0.165 28);
  --warningColor: oklch(72% 0.130 65);
  --infoColor: oklch(50% 0.130 215);
  --purple: oklch(54% 0.200 305);
  --pink: oklch(74% 0.180 0);
  --sonarrBlue: oklch(78% 0.130 215);
  --helpTextColor: oklch(52% 0.010 260);
  --darkGray: oklch(52% 0.010 260);
  --gray: oklch(72% 0.007 260);
  --lightGray: var(--hairline);
  --mediumGray: oklch(52% 0.010 260);
  --themeBlue: oklch(78% 0.130 215);
  --themeAlternateBlue: oklch(50% 0.130 215);
  --themeRed: oklch(58% 0.165 28);
  --themeDarkColor: oklch(18% 0.014 260);
  --themeLightColor: oklch(32% 0.012 260);
  --pageFooterBackground: var(--paperWarm);
  --torrentColor: oklch(62% 0.115 148);
  --usenetColor: oklch(85% 0.100 215);
  --inverseLabelColor: oklch(90% 0.007 260);
  --inverseLabelTextColor: oklch(32% 0.012 260);
  --disabledLabelColor: oklch(72% 0.007 260);
  --infoTextColor: oklch(100% 0 0);

  /* Links */
  --defaultLinkHoverColor: oklch(18% 0.014 260);
  --linkColor: oklch(44% 0.130 215);
  --linkHoverColor: oklch(36% 0.130 215);

  /* Page header & sidebar */
  --pageHeaderAccentColor: oklch(61.5% 0.108 227);
  --pageHeaderBackgroundColor: var(--pageHeaderAccentColor);
  --pageHeaderBackgroundImage: none;
  --pageHeaderBrandColor: oklch(100% 0 0);
  --pageHeaderBorderColor: oklch(56% 0.105 227);
  --pageHeaderColor: oklch(100% 0 0);
  --pageHeaderMutedColor: oklch(100% 0 0 / 0.85);
  --pageHeaderHoverBackgroundColor: oklch(100% 0 0 / 0.16);
  --pageHeaderDonateColor: oklch(100% 0 0);
  --pageHeaderSearchBorderColor: transparent;
  --pageHeaderSearchBackgroundColor: oklch(100% 0 0 / 0.45);
  --pageHeaderSearchHoverBackgroundColor: oklch(100% 0 0 / 0.6);
  --pageHeaderSearchFocusBackgroundColor: var(--inputBackgroundColor);
  --pageHeaderSearchFocusBorderColor: transparent;
  --pageHeaderSearchFocusPlaceholderColor: oklch(58% 0.012 260);
  --sidebarColor: var(--ink);
  --sidebarBackgroundColor: oklch(86% 0.013 260);
  --sidebarActiveBackgroundColor: oklch(95% 0.008 250);
  --toolbarColor: oklch(32% 0.012 260);
  --toolbarBackgroundColor: oklch(91% 0.012 260);
  --toolbarMenuItemBackgroundColor: var(--toolbarBackgroundColor);
  --toolbarMenuItemHoverBackgroundColor: var(--paper);
  --toolbarLabelColor: oklch(52% 0.010 260);
  --borderColor: var(--hairline);

  /* Forms, buttons, modals, popovers, alerts */
  --inputBorderColor: var(--hairlineStrong);
  --inputBoxShadowColor: oklch(0% 0 0 / 0.04);
  --inputFocusBorderColor: oklch(78% 0.130 215);
  --inputFocusBoxShadowColor: color-mix(in oklch, var(--accent) 16%, transparent);
  --inputErrorBorderColor: oklch(58% 0.165 28);
  --inputErrorBoxShadowColor: oklch(58% 0.165 28 / 0.16);
  --inputWarningBorderColor: oklch(72% 0.130 65);
  --inputWarningBoxShadowColor: oklch(72% 0.130 65 / 0.16);
  --defaultButtonTextColor: oklch(18% 0.014 260);
  --defaultBackgroundColor: var(--paperCard);
  --defaultBorderColor: var(--hairlineStrong);
  --defaultHoverBackgroundColor: var(--paperWarm);
  --defaultHoverBorderColor: oklch(78% 0.130 215);
  --primaryBackgroundColor: oklch(80% 0.055 245);
  --primaryBorderColor: oklch(80% 0.055 245);
  --primaryButtonColor: oklch(18% 0 0);
  --primaryHoverBackgroundColor: oklch(74% 0.055 245);
  --primaryHoverBorderColor: oklch(74% 0.055 245);
  --successBackgroundColor: oklch(62% 0.115 148);
  --successBorderColor: oklch(62% 0.115 148);
  --successHoverBackgroundColor: oklch(55% 0.100 148);
  --successHoverBorderColor: oklch(51% 0.090 148);
  --warningBackgroundColor: oklch(72% 0.130 65);
  --warningBorderColor: oklch(72% 0.130 65);
  --warningHoverBackgroundColor: oklch(66% 0.125 65);
  --warningHoverBorderColor: oklch(60% 0.115 65);
  --dangerBackgroundColor: oklch(58% 0.165 28);
  --dangerBorderColor: oklch(58% 0.165 28);
  --dangerHoverBackgroundColor: oklch(52% 0.150 28);
  --dangerHoverBorderColor: oklch(48% 0.135 28);
  --iconButtonDisabledColor: oklch(72% 0.007 260);
  --iconButtonHoverColor: oklch(32% 0.012 260);
  --iconButtonHoverLightColor: oklch(18% 0.014 260);
  --modalBackdropBackgroundColor: oklch(0% 0 0 / 0.45);
  --modalBackgroundColor: var(--paper);
  --modalCloseButtonHoverColor: oklch(32% 0.012 260);
  --menuItemColor: oklch(32% 0.012 260);
  --menuItemHoverColor: oklch(18% 0.014 260);
  --menuItemHoverBackgroundColor: var(--paperWarm);
  --toolbarButtonHoverColor: oklch(78% 0.130 215);
  --scrollbarBackgroundColor: var(--hairlineStrong);
  --scrollbarHoverBackgroundColor: oklch(52% 0.010 260);
  --cardBackgroundColor: var(--paperCard);
  --cardShadowColor: oklch(0% 0 0 / 0.08);
  --cardAlternateBackgroundColor: var(--paperWarm);
  --cardCenterBackgroundColor: var(--paperCard);
  --alertDangerBorderColor: oklch(58% 0.165 28);
  --alertDangerBackgroundColor: oklch(58% 0.165 28 / 0.08);
  --alertDangerColor: oklch(44% 0.130 28);
  --alertInfoBorderColor: oklch(78% 0.130 215);
  --alertInfoBackgroundColor: color-mix(in oklch, var(--accent) 8%, transparent);
  --alertInfoColor: oklch(50% 0.130 215);
  --alertSuccessBorderColor: oklch(62% 0.115 148);
  --alertSuccessBackgroundColor: oklch(62% 0.115 148 / 0.08);
  --alertSuccessColor: oklch(47% 0.085 148);
  --alertWarningBorderColor: oklch(72% 0.130 65);
  --alertWarningBackgroundColor: oklch(72% 0.130 65 / 0.08);
  --alertWarningColor: oklch(52% 0.095 65);
  --sliderAccentColor: oklch(52% 0.125 220);
  --inputBackgroundColor: var(--paper);
  --inputReadOnlyBackgroundColor: var(--paperWarm);
  --inputHoverBackgroundColor: var(--paperCard);
  --searchInputBackgroundColor: oklch(84% 0.013 260);
  --searchInputFocusBackgroundColor: oklch(92% 0.012 260);
  --inputSelectedBackgroundColor: color-mix(in oklch, var(--accent) 6%, transparent);
  --advancedFormLabelColor: oklch(72% 0.130 65);
  --disabledCheckInputColor: var(--hairline);
  --disabledInputColor: oklch(72% 0.007 260);
  --popoverTitleBackgroundColor: var(--paperWarm);
  --popoverTitleBorderColor: var(--hairline);
  --popoverBodyBackgroundColor: var(--paper);
  --popoverShadowColor: oklch(0% 0 0 / 0.18);
  --popoverArrowBorderColor: var(--paper);
  --popoverTitleBackgroundInverseColor: oklch(18% 0.014 260);
  --popoverTitleBorderInverseColor: oklch(32% 0.012 260);
  --popoverShadowInverseColor: oklch(0% 0 0 / 0.32);
  --popoverArrowBorderInverseColor: oklch(18% 0.014 260 / 0.92);

  /* Calendar, series, progress */
  --calendarTodayBackgroundColor: oklch(94% 0.006 240);
  --calendarTodayColor: oklch(56% 0.130 215);
  --calendarDownloadedColor: oklch(62% 0.170 148);
  --calendarDownloadingColor: var(--purple);
  --calendarOnAirColor: oklch(76% 0.140 84);
  --calendarMissingColor: oklch(56% 0.170 22);
  --calendarUnairedColor: oklch(60% 0.095 255);
  --calendarBackgroundColor: var(--paperCard);
  --calendarBorderColor: var(--hairline);
  --calendarTextDim: oklch(52% 0.010 260);
  --calendarTextDimAlternate: oklch(32% 0.012 260);
  --calendarFullColorFilter: saturate(0.9) contrast(0.95);
  --colorImpairedGradient: oklch(100% 0 0);
  --calendarColorImpairedFullColorGradient: oklch(97% 0.002 247 / 0.2);
  --calendarColorImpairedPattern: none;
  --calendarColorImpairedDiagonalPattern: none;
  --calendarColorImpairedFullColorPattern: none;
  --calendarColorImpairedFullColorDiagonalPattern: none;
  --tableRowHoverBackgroundColor: oklch(0% 0 0 / 0.04);
  --addSeriesBackgroundColor: var(--paperWarm);
  --seriesBackgroundColor: var(--paperWarm);

  /* Sit on artwork, so theme-independent: no dark-block override */
  --seriesOverlayBackdrop: oklch(15% 0.008 260 / 0.82);
  --seriesOverlayInk: oklch(90% 0.007 260);

  --searchIconContainerBackgroundColor: var(--paper);
  --collapseButtonBackgroundColor: var(--paper);
  --seasonBackgroundColor: var(--paperCard);
  --episodesBackgroundColor: var(--paper);
  --progressBarFrontTextColor: oklch(100% 0 0);
  --progressBarBackTextColor: oklch(32% 0.012 260);
  --progressBarBackgroundColor: var(--hairline);
  --progressBarPrimaryColor: oklch(64% 0.140 252);
  --progressBarSuccessColor: oklch(64% 0.180 148);
  --progressBarDangerColor: oklch(61% 0.195 25);
  --progressBarWarningColor: oklch(73% 0.170 69);
  --progressBarDangerPattern: none;
  --progressBarWarningPattern: none;
  --logEventsBackgroundColor: var(--paperCard);

  --shadowChip: 0 1px 4px oklch(0% 0 0 / 0.06);
  --shadowDropdown:
    0 12px 32px -12px oklch(0% 0 0 / 0.32),
    0 2px 8px -2px oklch(0% 0 0 / 0.12);
  --shadowSidebar: 0 24px 60px -16px oklch(0% 0 0 / 0.32);
  --chipSize: 34px;
  --transitionSmooth: 160ms cubic-bezier(0.25, 1, 0.5, 1);

  color-scheme: light;
}

[data-theme=dark] {
  /* Surfaces */
  --paper: oklch(24% 0.014 260);
  --paperWarm: oklch(27% 0.014 260);
  --paperCard: oklch(29% 0.015 260);
  --hairline: oklch(36% 0.016 260);
  --hairlineStrong: oklch(45% 0.017 260);

  /* Text */
  --ink: oklch(90% 0.007 260);
  --inkSoft: oklch(82% 0.009 260);
  --inkMuted: oklch(68% 0.011 260);
  --inkFaint: oklch(53% 0.011 260);

  /* Accent */
  --accent: oklch(82% 0.115 215);
  --accentDeep: oklch(70% 0.130 215);
  --accentGlow: oklch(85% 0.100 215);

  /* Status */
  --statusAiring: oklch(66% 0.105 195);
  --statusUpcoming: oklch(76% 0.120 65);
  --statusFinished: oklch(60% 0.008 260);
  --statusHiatus: oklch(58% 0.008 260);
  --statusMissing: oklch(62% 0.150 28);

  /* Semantic & brand aliases */
  --textColor: oklch(90% 0.007 260);
  --defaultColor: oklch(90% 0.007 260);
  --disabledColor: oklch(53% 0.011 260);
  --dimColor: oklch(66% 0.011 260);
  --black: oklch(18% 0.014 260);
  --white: oklch(90% 0.007 260);
  --offWhite: oklch(24% 0.014 260);
  --primaryColor: oklch(82% 0.115 215);
  --selectedColor: oklch(82% 0.115 215);
  --successColor: oklch(66% 0.115 148);
  --dangerColor: oklch(62% 0.150 28);
  --warningColor: oklch(76% 0.120 65);
  --infoColor: oklch(82% 0.115 215);
  --purple: oklch(58% 0.190 305);
  --pink: oklch(74% 0.180 0);
  --sonarrBlue: oklch(82% 0.115 215);
  --helpTextColor: oklch(66% 0.011 260);
  --darkGray: oklch(53% 0.011 260);
  --gray: oklch(66% 0.011 260);
  --lightGray: oklch(36% 0.016 260);
  --mediumGray: oklch(66% 0.011 260);
  --themeBlue: oklch(82% 0.115 215);
  --themeAlternateBlue: oklch(70% 0.130 215);
  --themeRed: oklch(62% 0.150 28);
  --themeDarkColor: oklch(27% 0.014 260);
  --themeLightColor: oklch(29% 0.015 260);
  --pageFooterBackground: oklch(0% 0 0 / 0.25);
  --torrentColor: oklch(72% 0.165 148);
  --usenetColor: oklch(82% 0.140 215);
  --inverseLabelColor: oklch(36% 0.016 260);
  --inverseLabelTextColor: oklch(90% 0.007 260);
  --disabledLabelColor: oklch(53% 0.011 260);
  --infoTextColor: oklch(90% 0.007 260);

  /* Links */
  --defaultLinkHoverColor: oklch(90% 0.007 260);
  --linkColor: oklch(74% 0.125 215);
  --linkHoverColor: oklch(88% 0.095 215);

  /* Page header & sidebar */
  --pageHeaderAccentColor: oklch(42% 0.085 228);
  --pageHeaderBackgroundColor: var(--pageHeaderAccentColor);
  --pageHeaderBackgroundImage: none;
  --pageHeaderBrandColor: oklch(97% 0.005 228);
  --pageHeaderBorderColor: oklch(36% 0.075 228);
  --pageHeaderColor: oklch(97% 0.005 228);
  --pageHeaderMutedColor: oklch(97% 0.005 228 / 0.85);
  --pageHeaderHoverBackgroundColor: oklch(100% 0 0 / 0.12);
  --pageHeaderDonateColor: oklch(97% 0.005 228);
  --pageHeaderSearchBorderColor: transparent;
  --pageHeaderSearchBackgroundColor: oklch(20% 0.015 260 / 0.4);
  --pageHeaderSearchHoverBackgroundColor: oklch(20% 0.015 260 / 0.55);
  --pageHeaderSearchFocusBackgroundColor: var(--searchInputFocusBackgroundColor);
  --pageHeaderSearchFocusBorderColor: transparent;
  --pageHeaderSearchFocusPlaceholderColor: var(--inkFaint);
  --sidebarColor: oklch(90% 0.007 260);
  --sidebarBackgroundColor: oklch(20% 0.015 260);
  --sidebarActiveBackgroundColor: oklch(29% 0.015 260);
  --toolbarColor: oklch(90% 0.007 260);
  --toolbarBackgroundColor: oklch(27% 0.014 260);
  --toolbarMenuItemBackgroundColor: oklch(29% 0.015 260);
  --toolbarMenuItemHoverBackgroundColor: oklch(33% 0.015 260);
  --toolbarLabelColor: oklch(76% 0.011 260);
  --borderColor: oklch(36% 0.016 260);

  /* Forms, buttons, modals, popovers, alerts */
  --inputBorderColor: oklch(45% 0.017 260);
  --inputBoxShadowColor: oklch(0% 0 0 / 0.18);
  --inputFocusBorderColor: oklch(82% 0.115 215);
  --inputFocusBoxShadowColor: color-mix(in oklch, var(--accent) 18%, transparent);
  --inputErrorBorderColor: oklch(62% 0.150 28);
  --inputErrorBoxShadowColor: oklch(62% 0.150 28 / 0.18);
  --inputWarningBorderColor: oklch(76% 0.120 65);
  --inputWarningBoxShadowColor: oklch(76% 0.120 65 / 0.18);
  --defaultButtonTextColor: oklch(90% 0.007 260);
  --defaultBackgroundColor: oklch(29% 0.015 260);
  --defaultBorderColor: oklch(45% 0.017 260);
  --defaultHoverBackgroundColor: oklch(33% 0.015 260);
  --defaultHoverBorderColor: oklch(82% 0.115 215);
  --primaryBackgroundColor: oklch(40% 0.022 260);
  --primaryBorderColor: oklch(40% 0.022 260);
  --primaryButtonColor: oklch(96% 0.006 260);
  --primaryHoverBackgroundColor: oklch(46% 0.022 260);
  --primaryHoverBorderColor: oklch(46% 0.022 260);
  --successBackgroundColor: oklch(66% 0.115 148);
  --successBorderColor: oklch(66% 0.115 148);
  --successHoverBackgroundColor: oklch(59% 0.100 148);
  --successHoverBorderColor: oklch(54% 0.090 148);
  --warningBackgroundColor: oklch(76% 0.120 65);
  --warningBorderColor: oklch(76% 0.120 65);
  --warningHoverBackgroundColor: oklch(70% 0.115 65);
  --warningHoverBorderColor: oklch(64% 0.105 65);
  --dangerBackgroundColor: oklch(62% 0.150 28);
  --dangerBorderColor: oklch(62% 0.150 28);
  --dangerHoverBackgroundColor: oklch(56% 0.135 28);
  --dangerHoverBorderColor: oklch(52% 0.120 28);
  --iconButtonDisabledColor: oklch(53% 0.011 260);
  --iconButtonHoverColor: oklch(66% 0.011 260);
  --iconButtonHoverLightColor: oklch(90% 0.007 260);
  --modalBackdropBackgroundColor: oklch(0% 0 0 / 0.65);
  --modalBackgroundColor: oklch(29% 0.015 260);
  --modalCloseButtonHoverColor: oklch(66% 0.011 260);
  --menuItemColor: oklch(90% 0.007 260);
  --menuItemHoverColor: oklch(82% 0.115 215);
  --menuItemHoverBackgroundColor: oklch(33% 0.015 260);
  --toolbarButtonHoverColor: oklch(82% 0.115 215);
  --scrollbarBackgroundColor: oklch(45% 0.017 260);
  --scrollbarHoverBackgroundColor: oklch(53% 0.011 260);
  --cardBackgroundColor: oklch(29% 0.015 260);
  --cardShadowColor: oklch(0% 0 0 / 0.45);
  --cardAlternateBackgroundColor: oklch(29% 0.015 260);
  --cardCenterBackgroundColor: oklch(27% 0.014 260);
  --alertDangerBorderColor: oklch(62% 0.150 28);
  --alertDangerBackgroundColor: oklch(62% 0.150 28 / 0.10);
  --alertDangerColor: oklch(90% 0.007 260);
  --alertInfoBorderColor: oklch(82% 0.115 215);
  --alertInfoBackgroundColor: color-mix(in oklch, var(--accent) 10%, transparent);
  --alertInfoColor: oklch(90% 0.007 260);
  --alertSuccessBorderColor: oklch(66% 0.115 148);
  --alertSuccessBackgroundColor: oklch(66% 0.115 148 / 0.10);
  --alertSuccessColor: oklch(90% 0.007 260);
  --alertWarningBorderColor: oklch(76% 0.120 65);
  --alertWarningBackgroundColor: oklch(76% 0.120 65 / 0.10);
  --alertWarningColor: oklch(90% 0.007 260);
  --sliderAccentColor: oklch(58% 0.105 218);
  --inputBackgroundColor: oklch(27% 0.014 260);
  --inputReadOnlyBackgroundColor: oklch(24% 0.014 260);
  --inputHoverBackgroundColor: oklch(29% 0.015 260);
  --searchInputBackgroundColor: oklch(27% 0.014 260);
  --searchInputFocusBackgroundColor: oklch(32% 0.015 260);
  --inputSelectedBackgroundColor: color-mix(in oklch, var(--accent) 6%, transparent);
  --advancedFormLabelColor: oklch(76% 0.120 65);
  --disabledCheckInputColor: oklch(45% 0.017 260);
  --disabledInputColor: oklch(53% 0.011 260);
  --popoverTitleBackgroundColor: oklch(33% 0.015 260);
  --popoverTitleBorderColor: oklch(36% 0.016 260);
  --popoverBodyBackgroundColor: oklch(29% 0.015 260);
  --popoverShadowColor: oklch(0% 0 0 / 0.32);
  --popoverArrowBorderColor: oklch(29% 0.015 260);
  --popoverTitleBackgroundInverseColor: oklch(90% 0.007 260);
  --popoverTitleBorderInverseColor: oklch(66% 0.011 260);
  --popoverShadowInverseColor: oklch(0% 0 0 / 0.32);
  --popoverArrowBorderInverseColor: oklch(90% 0.007 260 / 0.92);

  /* Calendar, series, progress */
  --calendarTodayBackgroundColor: var(--paperWarm);
  --calendarTodayColor: var(--accent);
  --calendarDownloadedColor: oklch(66% 0.115 148);
  --calendarOnAirColor: oklch(78% 0.135 86);
  --calendarMissingColor: oklch(60% 0.165 22);
  --calendarUnairedColor: oklch(66% 0.085 255);
  --calendarBackgroundColor: oklch(27% 0.014 260);
  --calendarBorderColor: oklch(36% 0.016 260);
  --calendarTextDim: oklch(66% 0.011 260);
  --calendarTextDimAlternate: oklch(90% 0.007 260);
  --calendarFullColorFilter: saturate(0.9) contrast(1.05) brightness(0.92);
  --colorImpairedGradient: oklch(33% 0.015 260);
  --calendarColorImpairedFullColorGradient: oklch(97% 0.002 247 / 0.07);
  --tableRowHoverBackgroundColor: oklch(100% 0 0 / 0.04);
  --addSeriesBackgroundColor: oklch(27% 0.014 260);
  --seriesBackgroundColor: oklch(27% 0.014 260);
  --searchIconContainerBackgroundColor: oklch(27% 0.014 260);
  --collapseButtonBackgroundColor: oklch(27% 0.014 260);
  --seasonBackgroundColor: oklch(29% 0.015 260);
  --episodesBackgroundColor: oklch(27% 0.014 260);
  --progressBarFrontTextColor: oklch(90% 0.007 260);
  --progressBarBackTextColor: oklch(90% 0.007 260);
  --progressBarBackgroundColor: oklch(36% 0.016 260);
  --progressBarPrimaryColor: color-mix(in oklab, var(--accent) 80%, oklch(0% 0 0));
  --progressBarSuccessColor: color-mix(in oklab, var(--successColor) 80%, oklch(0% 0 0));
  --progressBarDangerColor: color-mix(in oklab, var(--dangerColor) 80%, oklch(0% 0 0));
  --progressBarWarningColor: color-mix(in oklab, var(--warningColor) 80%, oklch(0% 0 0));
  --logEventsBackgroundColor: oklch(27% 0.014 260);

  --shadowChip: 0 1px 4px oklch(0% 0 0 / 0.45);
  --shadowDropdown:
    0 12px 32px -12px oklch(0% 0 0 / 0.65),
    0 2px 8px -2px oklch(0% 0 0 / 0.35);
  --shadowSidebar: 0 24px 60px -16px oklch(0% 0 0 / 0.65);

  color-scheme: dark;
}

[data-header-color=gradient] {
  --pageHeaderBackgroundColor: var(--sidebarBackgroundColor);
  --pageHeaderBackgroundImage: linear-gradient(90deg in oklab, var(--pageHeaderAccentColor) min(var(--sidebarWidth), 25%), var(--sidebarBackgroundColor) max(40%, min(calc(var(--sidebarWidth) + 160px), 70%)));
  --pageHeaderBorderColor: var(--borderColor);
  --pageHeaderColor: var(--ink);
  --pageHeaderMutedColor: var(--inkSoft);
  --pageHeaderHoverBackgroundColor: var(--menuItemHoverBackgroundColor);
  --pageHeaderDonateColor: var(--statusMissing);
  --pageHeaderSearchBorderColor: var(--inputBorderColor);
  --pageHeaderSearchBackgroundColor: var(--searchInputBackgroundColor);
  --pageHeaderSearchHoverBackgroundColor: var(--searchInputFocusBackgroundColor);
  --pageHeaderSearchFocusBackgroundColor: var(--searchInputFocusBackgroundColor);
  --pageHeaderSearchFocusBorderColor: var(--accent);
}

[data-color-impaired] {
  --progressBarPrimaryColor: color-mix(in oklab, var(--accent) 87%, oklch(0% 0 0));
  --progressBarSuccessColor: var(--successColor);
  --progressBarDangerColor: var(--dangerColor);
  --progressBarWarningColor: var(--warningColor);
  --calendarColorImpairedPattern: repeating-linear-gradient(90deg, transparent, transparent 5px, var(--colorImpairedGradient) 5px, var(--colorImpairedGradient) 10px);
  --calendarColorImpairedDiagonalPattern: repeating-linear-gradient(45deg, transparent, transparent 5px, var(--colorImpairedGradient) 5px, var(--colorImpairedGradient) 10px);
  --calendarColorImpairedFullColorPattern: repeating-linear-gradient(90deg, var(--calendarColorImpairedFullColorGradient), var(--calendarColorImpairedFullColorGradient) 5px, transparent 5px, transparent 10px);
  --calendarColorImpairedFullColorDiagonalPattern: repeating-linear-gradient(45deg, var(--calendarColorImpairedFullColorGradient), var(--calendarColorImpairedFullColorGradient) 5px, transparent 5px, transparent 10px);
  --progressBarDangerPattern: repeating-linear-gradient(90deg, color-mix(in oklab, var(--progressBarDangerColor) 95%, oklch(0% 0 0)), color-mix(in oklab, var(--progressBarDangerColor) 95%, oklch(0% 0 0)) 5px, color-mix(in oklab, var(--progressBarDangerColor) 85%, oklch(0% 0 0)) 5px, color-mix(in oklab, var(--progressBarDangerColor) 85%, oklch(0% 0 0)) 10px);
  --progressBarWarningPattern: repeating-linear-gradient(45deg, var(--progressBarWarningColor), var(--progressBarWarningColor) 5px, color-mix(in oklab, var(--progressBarWarningColor) 85%, oklch(100% 0 0)) 5px, color-mix(in oklab, var(--progressBarWarningColor) 85%, oklch(100% 0 0)) 10px);
}

[data-theme=dark][data-color-impaired] {
  --progressBarPrimaryColor: color-mix(in oklab, var(--accent) 80%, oklch(0% 0 0));
  --progressBarSuccessColor: color-mix(in oklab, var(--successColor) 80%, oklch(0% 0 0));
  --progressBarDangerColor: color-mix(in oklab, var(--dangerColor) 80%, oklch(0% 0 0));
  --progressBarWarningColor: color-mix(in oklab, var(--warningColor) 80%, oklch(0% 0 0));
}