:root[data-template="sundew"] {
  --neutral-000: #ffffff;
  --neutral-000-80: rgba(255, 255, 255, 0.8);
  --neutral-050: #f5f5f5;
  --neutral-075: #edeef2;
  --neutral-100: #e6e6e6;
  --neutral-400: #a3a3a3;
  --neutral-450: #999999;
  --neutral-500: #777777;
  --neutral-600: #666666;
  --neutral-900: #262626;
  --neutral-900-15: rgba(38, 38, 38, 0.15);
  --neutral-950-15: rgba(39, 40, 40, 0.15);
  --navy-900-50: rgba(29, 37, 48, 0.5);
  --red-050: #fff0f0;
  --red-100: #fff5f5;
  --red-200: #ffccc8;
  --red-250: #ffa8a0;
  --red-300: #ff7568;
  --red-500: #fc0000;
  --red-500-25: rgba(252, 0, 0, 0.25);
  --red-600: #d90000;
  --red-700: #b30000;
  --yellow-300: #ffed85;
  --blue-500: #0066ff;
  --blue-500-10: rgba(0, 102, 255, 0.1);
  --blue-100: #d0e3ff;
  --blue-gray-050: #f6f8fb;
  --blue-gray-100: #dde4f0;
  --blue-gray-200: #ebeff5;
  --blue-gray-300: #c4c7cc;
  --white-30: rgba(255, 255, 255, 0.3);
  --white-40: rgba(255, 255, 255, 0.4);
  --white-60: rgba(255, 255, 255, 0.6);
  --gray-100-60: rgba(233, 233, 233, 0.6);
  --navy-900: #1d2030;
  --slate-100: #f0f2fa;
  --slate-200: #d2d4e0;
  --slate-700: #3a3e51;

  --container-max-width: 1440px;
  --color-header-background: var(--white-30);
  --color-header-border: var(--white-60);
  --color-header-page-border: var(--neutral-100);
  --color-header-control-background: var(--neutral-900);
  --color-header-control-icon: var(--neutral-000);
  --color-header-logo-border: var(--neutral-900);
  --color-header-menu-background: var(--neutral-000);
  --color-header-menu-action: var(--red-500);
  --color-header-menu-contact: var(--neutral-600);
  --color-header-menu-divider: var(--blue-gray-100);
  --color-header-menu-link-hover-background: var(--red-050);
  --color-header-menu-link-hover-text: var(--navy-900);
  --color-header-menu-link-pressed-background: var(--red-700);
  --color-header-menu-link-pressed-text: var(--slate-100);
  --color-header-menu-shadow: var(--neutral-900-15);
  --color-header-navigation-background: var(--blue-gray-200);
  --color-header-navigation-hover: var(--red-600);
  --color-header-navigation-pressed: var(--red-700);
  --color-header-text: var(--neutral-900);
  --color-mobile-navigation-active: var(--neutral-950-15);
  --color-mobile-navigation-background: var(--white-40);
  --color-mobile-navigation-border: var(--gray-100-60);
  --color-mobile-navigation-text: var(--neutral-900);
  --color-select-dark-border: var(--neutral-100);
  --color-select-dark-placeholder: var(--neutral-100);
  --color-select-dark-text: var(--neutral-000);
  --color-select-dropdown-item: var(--neutral-600);
  --color-select-dropdown-selected: var(--blue-gray-200);
  --color-select-dropdown-selected-text: var(--neutral-900);
  --color-select-dropdown-shadow: var(--neutral-900-15);
  --color-select-dark-dropdown-background: var(--neutral-050);
  --color-select-light-border: var(--neutral-100);
  --color-select-light-dropdown-background: var(--neutral-000);
  --color-select-light-dropdown-border: var(--blue-100);
  --color-select-light-open-border: var(--blue-100);
  --color-select-light-placeholder: var(--neutral-400);
  --color-select-light-text: var(--neutral-900);
  --color-vehicle-model-divider: var(--neutral-100);
  --color-vehicle-model-dropdown-background: var(--neutral-000);
  --color-vehicle-model-heading: var(--neutral-900);
  --color-vehicle-model-muted: var(--neutral-600);
  --color-vehicle-model-radio: var(--red-500);
  --color-vehicle-model-radio-active: var(--red-500);
  --color-vehicle-model-radio-disabled: var(--neutral-450);
  --color-vehicle-model-radio-hover: var(--red-600);
  --color-vehicle-model-row: var(--neutral-050);
  --color-vehicle-model-selected: var(--blue-gray-200);
  --color-vehicle-model-spec: var(--blue-500);
  --color-credit-accent: var(--blue-500);
  --color-credit-accent-soft: var(--blue-500-10);
  --color-credit-background: var(--neutral-000);
  --color-credit-board: var(--blue-gray-200);
  --color-credit-body: var(--neutral-600);
  --color-credit-card-background: var(--neutral-000);
  --color-credit-card-border: var(--blue-gray-200);
  --color-credit-heading: var(--neutral-900);
  --color-credit-step-number: var(--blue-500-10);
  --color-not-found-action: var(--red-500);
  --color-not-found-action-shadow: var(--red-500-25);
  --color-not-found-action-text: var(--neutral-000);
  --color-not-found-background: var(--neutral-000);
  --color-not-found-body: var(--neutral-500);
  --color-not-found-heading: var(--neutral-900);
  --color-not-found-number: var(--slate-700);
  --color-reviews-body: var(--neutral-600);
  --color-reviews-card-background: var(--neutral-000);
  --color-reviews-grid-background: var(--blue-gray-200);
  --color-reviews-heading: var(--neutral-900);
  --color-reviews-image-background: var(--blue-gray-300);
  --color-reviews-rating: var(--blue-500);
  --color-reviews-rating-muted: var(--neutral-100);
  --color-trade-body: var(--neutral-600);
  --color-trade-card-background: var(--neutral-000);
  --color-trade-card-border: var(--blue-gray-200);
  --color-trade-field-border: var(--neutral-100);
  --color-trade-field-muted: var(--neutral-400);
  --color-trade-field-text: var(--neutral-000);
  --color-trade-form-background: var(--neutral-900);
  --color-trade-heading: var(--neutral-900);
  --color-trade-tab-active: var(--neutral-000);
  --color-trade-tab-active-hover: var(--neutral-000-80);
  --color-footer-action-background: var(--red-500);
  --color-footer-action-shadow: var(--red-500-25);
  --color-footer-action-text: var(--neutral-000);
  --color-footer-background: var(--neutral-050);
  --color-footer-body: var(--neutral-600);
  --color-footer-card-background: var(--neutral-000);
  --color-footer-divider: var(--blue-gray-100);
  --color-footer-heading: var(--neutral-900);
  --color-footer-link-hover: var(--red-600);
  --color-footer-link-pressed: var(--red-700);
  --color-footer-logo-background: var(--red-500);
  --color-footer-logo-text: var(--neutral-000);
  --color-footer-muted: var(--neutral-500);
  --color-cookie-background: var(--neutral-000);
  --color-cookie-shadow: var(--neutral-900-15);
  --color-cookie-text: var(--neutral-900);
  --color-cta-action-background: var(--neutral-000);
  --color-cta-action-text: var(--neutral-900);
  --color-cta-background: var(--neutral-900);
  --color-cta-heading: var(--neutral-000);
  --color-cta-input-border: var(--neutral-100);
  --color-cta-input-focus-border: var(--neutral-000);
  --color-cta-input-text: var(--neutral-100);
  --color-cta-small-text: var(--neutral-400);
  --color-popup-accent: var(--blue-500);
  --color-popup-action: var(--red-500);
  --color-popup-action-shadow: var(--red-500-25);
  --color-popup-action-text: var(--neutral-000);
  --color-popup-body: var(--neutral-600);
  --color-popup-control-border: var(--neutral-100);
  --color-popup-danger: var(--red-300);
  --color-popup-focus: var(--red-500-25);
  --color-popup-heading: var(--neutral-900);
  --color-popup-overlay: var(--navy-900-50);
  --color-popup-placeholder: var(--neutral-400);
  --color-popup-shadow: var(--neutral-900-15);
  --color-popup-small-text: var(--neutral-400);
  --color-popup-surface: var(--neutral-000);
  --color-button-hover-background: var(--red-600);
  --color-button-pressed-background: var(--red-700);
  --color-button-tertiary-background: var(--red-050);
  --color-button-disabled-background: var(--neutral-050);
  --color-button-disabled-text: var(--neutral-450);
  --color-range-progress: var(--red-500);
  --color-range-thumb: var(--red-500);
  --color-range-thumb-hover: var(--red-600);
  --color-range-thumb-pressed: var(--red-700);
  --color-range-disabled: var(--neutral-450);
  --color-range-track: var(--neutral-075);
  --color-range-thumb-border: var(--neutral-000);
  --color-scrollbar-gutter: var(--neutral-000);
  --color-scrollbar-thumb: var(--blue-gray-100);
  --color-scrollbar-thumb-hover: var(--blue-100);
  --color-scrollbar-thumb-pressed: var(--blue-500);
  --color-scrollbar-track: var(--blue-gray-050);
  --color-slider-control: var(--neutral-000);
  --color-slider-control-hover: var(--red-300);
  --color-stock-background: var(--neutral-000);
  --color-stock-board: var(--blue-gray-200);
  --color-stock-card: var(--neutral-000);
  --color-stock-card-border: var(--blue-gray-100);
  --color-stock-card-shadow: var(--neutral-900-15);
  --color-stock-card-media: var(--blue-gray-300);
  --color-stock-media-glow: var(--white-30);
  --color-stock-control: var(--neutral-900);
  --color-stock-control-border: var(--neutral-000);
  --color-stock-control-text: var(--neutral-000);
  --color-stock-credit-background: var(--blue-gray-050);
  --color-stock-heading: var(--neutral-900);
  --color-stock-hover-border: var(--blue-500);
  --color-stock-muted: var(--neutral-500);
  --color-stock-primary: var(--red-500);
  --color-stock-primary-hover: var(--red-600);
  --color-stock-primary-soft: var(--red-100);
  --color-stock-primary-shadow: var(--red-500-25);
  --color-stock-card-action-shadow: var(--red-500-25);
  --color-stock-popover: var(--neutral-450);
  --color-stock-surface: var(--neutral-000);
  --color-stock-surface-hover: var(--blue-500-10);
  --color-stock-slider-active: var(--blue-500);
  --color-stock-spec-background: var(--blue-gray-200);
  --color-stock-spec-text: var(--blue-500);
  --color-stock-tab-border: var(--blue-gray-100);
  --color-stock-dropdown-shadow: var(--neutral-900-15);
  --color-stock-dropdown-hover: var(--blue-500-10);
  --color-banks-caption: var(--neutral-400);
  --color-banks-card-background: var(--neutral-000);
  --color-banks-card-border-featured: var(--red-600);
  --color-banks-heading: var(--neutral-900);
  --color-banks-logo: var(--neutral-600);
  --color-banks-track-background: var(--blue-gray-200);
  --color-checkbox-border: var(--neutral-400);
  --color-checkbox-border-disabled: var(--neutral-600);
  --color-checkbox-border-hover: var(--neutral-300);
  --color-checkbox-check: var(--neutral-400);
  --color-checkbox-check-hover: var(--neutral-300);
  --color-checkbox-checked: var(--neutral-500);
  --color-checkbox-error: var(--red-500);
  --color-breadcrumb-current: var(--neutral-400);
  --color-breadcrumb-link: var(--neutral-600);
  --color-breadcrumb-link-hover: var(--neutral-900);
  --color-breadcrumb-separator: var(--neutral-600);
  --color-catalog-action: var(--red-500);
  --color-catalog-action-shadow: var(--red-500-25);
  --color-catalog-action-text: var(--neutral-000);
  --color-catalog-background: var(--neutral-000);
  --color-catalog-banner-background: var(--blue-gray-050);
  --color-catalog-banner-border: var(--red-100);
  --color-catalog-body: var(--neutral-600);
  --color-catalog-filter-background: var(--blue-gray-200);
  --color-catalog-filter-action: var(--neutral-900);
  --color-catalog-filter-action-text: var(--neutral-000);
  --color-catalog-heading: var(--neutral-900);
  --color-catalog-input-border: var(--neutral-100);
  --color-catalog-pagination-current: var(--blue-gray-200);
  --color-catalog-placeholder: var(--neutral-400);
  --color-catalog-promo-action: var(--neutral-900);
  --color-catalog-promo-action-text: var(--neutral-000);
  --color-catalog-promo-background: var(--blue-gray-200);
  --color-catalog-promo-bullet: var(--red-500);
  --color-catalog-promo-panel-background: var(--white-30);
  --color-catalog-promo-text: var(--neutral-900);
  --color-catalog-surface: var(--neutral-000);
  --color-detail-accent: var(--blue-500);
  --color-detail-action: var(--red-500);
  --color-detail-action-soft: var(--red-100);
  --color-detail-action-text: var(--neutral-000);
  --color-detail-background: var(--neutral-000);
  --color-detail-board: var(--blue-gray-200);
  --color-detail-body: var(--neutral-600);
  --color-detail-chart: var(--blue-gray-100);
  --color-detail-color-selected: var(--blue-500);
  --color-detail-control: var(--neutral-900);
  --color-detail-control-text: var(--neutral-000);
  --color-detail-credit-background: var(--neutral-900);
  --color-detail-credit-input: var(--neutral-100);
  --color-detail-credit-muted: var(--neutral-400);
  --color-detail-credit-secondary: var(--neutral-100);
  --color-detail-credit-tab-active-hover: var(--neutral-000-80);
  --color-detail-credit-text: var(--neutral-000);
  --color-detail-divider: var(--blue-gray-100);
  --color-detail-discount-background: var(--yellow-300);
  --color-detail-heading: var(--neutral-900);
  --color-detail-highlight: var(--red-200);
  --color-detail-media: var(--blue-gray-300);
  --color-detail-muted: var(--neutral-400);
  --color-detail-surface: var(--neutral-000);
  --color-detail-tag: var(--neutral-050);
  --color-contact-background: var(--neutral-000);
  --color-contact-body: var(--neutral-600);
  --color-contact-border: var(--blue-gray-100);
  --color-contact-heading: var(--neutral-900);
  --color-contact-shadow: var(--neutral-900-15);
  --color-sale-body: var(--slate-700);
  --color-sale-body-inverse: var(--slate-200);
  --color-sale-bullet: var(--red-500);
  --color-sale-card-border: var(--neutral-000);
  --color-sale-control: var(--neutral-400);
  --color-sale-control-active: var(--red-500);
  --color-sale-control-hover: var(--neutral-900);
  --color-sale-heading: var(--neutral-900);
  --color-sale-heading-inverse: var(--blue-gray-200);
  --color-sale-overlay: var(--navy-900);
  --color-sale-track: var(--neutral-100);
}

:root[data-template="sundew"] body {
  --font-body: var(--font-inter);
  --font-button: var(--font-bounded);
  --font-heading: var(--font-bounded);
}

:root[data-template="sundew"] [data-sundew-select-trigger][data-appearance="dark"] {
  border-color: var(--color-select-dark-border);
  color: var(--color-select-dark-text);
}

:root[data-template="sundew"]
  [data-sundew-select-trigger][data-appearance="dark"]
  [data-placeholder] {
  color: var(--color-select-dark-placeholder);
}

:root[data-template="sundew"] [data-sundew-select-trigger][data-appearance="light"] {
  background: var(--color-select-light-dropdown-background);
  border-color: var(--color-select-light-border);
  color: var(--color-select-light-text);
}

:root[data-template="sundew"]
  [data-sundew-select-trigger][data-appearance="light"][data-state="open"] {
  border-color: var(--color-select-light-open-border);
  border-bottom-color: transparent;
}

:root[data-template="sundew"]
  [data-sundew-select-trigger][data-appearance="light"]
  [data-placeholder] {
  color: var(--color-select-light-placeholder);
}

:root[data-template="sundew"] [data-sundew-select-content][data-appearance="dark"] {
  background: var(--color-select-dark-dropdown-background);
}

:root[data-template="sundew"] [data-sundew-select-content][data-appearance="light"] {
  background: var(--color-select-light-dropdown-background);
  border-color: var(--color-select-light-dropdown-border);
  border-style: solid;
  border-width: 0 2px 2px;
}

:root[data-template="sundew"] [data-sundew-select-content][data-vehicle-model-dropdown] {
  background: var(--color-vehicle-model-dropdown-background);
}

:root[data-template="sundew"] [data-vehicle-model-option] {
  background: var(--color-vehicle-model-row);
  border-top: 1px solid var(--color-vehicle-model-divider);
}

:root[data-template="sundew"] [data-vehicle-model-option][data-highlighted],
:root[data-template="sundew"] [data-vehicle-model-option][data-state="checked"] {
  background: var(--color-vehicle-model-selected);
}

:root[data-template="sundew"] [data-vehicle-model-radio] {
  border-color: var(--color-vehicle-model-radio);
}

:root[data-template="sundew"]
  [data-vehicle-model-option][data-highlighted]
  [data-vehicle-model-radio] {
  border-color: var(--color-vehicle-model-radio-hover);
}

:root[data-template="sundew"] [data-vehicle-model-radio].is-selected {
  border-color: var(--color-vehicle-model-radio-active);
}

:root[data-template="sundew"] [data-vehicle-model-radio-dot] {
  background: var(--color-vehicle-model-radio-active);
  opacity: 0;
}

:root[data-template="sundew"]
  [data-vehicle-model-option][data-highlighted]
  [data-vehicle-model-radio-dot] {
  background: var(--color-vehicle-model-radio-hover);
  opacity: 1;
}

:root[data-template="sundew"]
  [data-vehicle-model-radio].is-selected
  [data-vehicle-model-radio-dot] {
  background: var(--color-vehicle-model-radio-active);
  opacity: 1;
}

:root[data-template="sundew"]
  [data-vehicle-model-option][data-disabled]
  [data-vehicle-model-radio] {
  border-color: var(--color-vehicle-model-radio-disabled);
}

:root[data-template="sundew"]
  [data-vehicle-model-option][data-disabled]
  [data-vehicle-model-radio-dot] {
  opacity: 0;
}

:root[data-template="sundew"] [data-sundew-scrollbar] {
  scrollbar-color: var(--color-scrollbar-thumb) var(--color-scrollbar-track);
  scrollbar-width: auto;
}

:root[data-template="sundew"] .sundew-vehicle-card-media::after {
  position: absolute;
  inset: 0;
  z-index: 1;
  pointer-events: none;
  content: "";
  background: radial-gradient(circle at 50% 42%, var(--color-stock-media-glow), transparent 72%);
}

:root[data-template="sundew"] .sundew-input:-webkit-autofill,
:root[data-template="sundew"] .sundew-input:-webkit-autofill:hover {
  border-color: var(--input-autofill-border);
  box-shadow: 0 0 0 1000px var(--input-autofill-background) inset;
  caret-color: var(--input-autofill-text);
  -webkit-text-fill-color: var(--input-autofill-text);
}

:root[data-template="sundew"] .sundew-input:-webkit-autofill:focus {
  border-color: var(--input-autofill-focus-border);
  box-shadow: 0 0 0 1000px var(--input-autofill-background) inset;
  caret-color: var(--input-autofill-text);
  -webkit-text-fill-color: var(--input-autofill-text);
}

:root[data-template="sundew"] [data-sundew-scrollbar]::-webkit-scrollbar {
  display: block;
  height: 16px;
  width: 16px;
}

:root[data-template="sundew"] [data-sundew-scrollbar]::-webkit-scrollbar-track {
  background: var(--color-scrollbar-track);
  border: 4px solid var(--color-scrollbar-gutter);
  border-radius: 100px;
}

:root[data-template="sundew"] [data-sundew-scrollbar]::-webkit-scrollbar-thumb {
  background: var(--color-scrollbar-thumb);
  background-clip: padding-box;
  border: 4px solid var(--color-scrollbar-gutter);
  border-radius: 100px;
}

:root[data-template="sundew"] [data-sundew-scrollbar]::-webkit-scrollbar-thumb:hover {
  background: var(--color-scrollbar-thumb-hover);
  background-clip: padding-box;
}

:root[data-template="sundew"] [data-sundew-scrollbar]::-webkit-scrollbar-thumb:active {
  background: var(--color-scrollbar-thumb-pressed);
  background-clip: padding-box;
}