:root[data-template="daffodil"] {
  --neutral-000: #ffffff;
  --neutral-050: #f5f5f5;
  --neutral-100: #e9eaf2;
  --neutral-125: #edeef2;
  --neutral-200: #e6e6e6;
  --neutral-300: #d4d4d4;
  --neutral-350: #b0b3c3;
  --neutral-450: #999999;
  --neutral-500: #676b81;
  --neutral-550: #4d5166;
  --neutral-600: #666666;
  --neutral-700: #777777;
  --neutral-800: #3a3e51;
  --neutral-900: #262626;
  --neutral-blue-050: #f5f7fa;
  --neutral-blue-100: #f0f2fa;
  --neutral-blue-200: #eaecf4;
  --neutral-blue-900: #1d2030;
  --slate-900-50: #1d253080;
  --blue-050: #f5f8ff;
  --blue-075: #e8f0ff;
  --blue-100: #d0e0ff;
  --blue-125: #c8d0fa;
  --blue-200: #85aeff;
  --blue-500: #0055ff;
  --blue-600: #0044cc;
  --blue-700: #004099;
  --red-500: #d92d20;
  --vehicle-black: #111112;
  --vehicle-gray: #808080;
  --vehicle-white: #f8f8f8;
  --vehicle-blue: #4d669e;
  --vehicle-red: #b42318;
  --vehicle-brown: #5b4036;
  --vehicle-beige: #d6c7aa;
  --vehicle-green: #37735f;

  --color-background: var(--neutral-000);
  --color-page-background: var(--blue-050);
  --color-border: var(--neutral-100);
  --color-border-accent: var(--blue-100);
  --color-heading: var(--neutral-900);
  --color-body: var(--neutral-900);
  --color-body-secondary: var(--neutral-600);
  --color-legal-text: var(--neutral-700);
  --color-subtle: var(--neutral-500);
  --color-field-background: var(--neutral-000);
  --color-field-border: var(--neutral-200);
  --color-field-placeholder: var(--neutral-450);
  --color-field-focus: var(--blue-100);
  --color-field-text: var(--neutral-900);
  --color-field-disabled-background: var(--neutral-050);
  --color-field-disabled-text: var(--neutral-450);
  --color-error: var(--red-500);
  --color-primary: var(--blue-500);
  --color-primary-foreground: var(--neutral-000);
  --color-button-accent-background: var(--blue-075);
  --color-button-body: var(--neutral-600);
  --color-button-brand: var(--blue-500);
  --color-button-brand-foreground: var(--neutral-000);
  --color-button-brand-hover: var(--blue-600);
  --color-button-brand-pressed: var(--blue-700);
  --color-button-disabled-background: var(--neutral-050);
  --color-button-disabled-background-strong: var(--neutral-blue-200);
  --color-button-disabled-foreground: var(--neutral-450);
  --color-button-disabled-foreground-soft: var(--neutral-350);
  --color-button-heading: var(--neutral-900);
  --color-button-menu-hover-foreground: var(--neutral-blue-900);
  --color-button-navigation-background: var(--blue-050);
  --color-button-pressed-foreground: var(--neutral-blue-100);
  --color-button-surface: var(--neutral-000);
  --color-button-tab-hover-background: var(--neutral-blue-050);
  --color-dialog-overlay: #26262673;
  --color-dialog-background: var(--neutral-000);
  --color-dialog-shadow: #26262626;
  --color-legal-dialog-overlay: var(--slate-900-50);
  --color-legal-scrollbar-track: var(--blue-075);
  --color-legal-scrollbar-thumb: var(--blue-200);
  --color-hero-background: var(--blue-050);
  --color-hero-control: var(--neutral-000);
  --color-hero-control-hover: #ffffff29;
  --color-advantages-background: var(--neutral-000);
  --color-advantages-card-background: var(--neutral-000);
  --color-advantages-card-border: var(--blue-100);
  --color-advantages-card-text: var(--neutral-900);
  --color-stock-section-background: var(--blue-050);
  --color-stock-panel: var(--neutral-000);
  --color-stock-heading: var(--neutral-900);
  --color-stock-label: var(--neutral-600);
  --color-stock-muted: var(--neutral-450);
  --color-stock-primary: var(--blue-500);
  --color-stock-control-border: var(--blue-100);
  --color-stock-filter-toggle-active: var(--blue-700);
  --color-stock-field-background: var(--neutral-000);
  --color-stock-field-border: var(--neutral-200);
  --color-stock-field-focus: var(--blue-500);
  --color-stock-input-focus: var(--blue-100);
  --color-stock-field-text: var(--neutral-900);
  --color-stock-placeholder: var(--neutral-450);
  --color-stock-select-disabled-border: var(--neutral-200);
  --color-stock-select-disabled-text: var(--neutral-450);
  --color-stock-select-open-border: var(--blue-100);
  --color-stock-select-open-text: var(--neutral-900);
  --color-stock-select-border: var(--blue-075);
  --color-stock-select-text: var(--neutral-600);
  --color-stock-dropdown-background: var(--neutral-000);
  --color-stock-dropdown-border: var(--blue-100);
  --color-stock-dropdown-item: var(--neutral-600);
  --color-stock-dropdown-selected: var(--blue-050);
  --color-stock-dropdown-selected-text: var(--neutral-900);
  --color-stock-dropdown-shadow: #26262626;
  --color-stock-range-track: transparent;
  --color-stock-range-progress: var(--blue-500);
  --color-stock-image-indicator-track: var(--blue-100);
  --color-stock-range-thumb: var(--blue-500);
  --color-stock-range-thumb-border: var(--neutral-000);
  --color-stock-reset-background: var(--neutral-000);
  --color-stock-mark-background: var(--neutral-000);
  --color-stock-mark-border: var(--blue-075);
  --color-stock-mark-hover-background: var(--blue-050);
  --color-stock-mark-hover-border: var(--blue-200);
  --color-stock-card-background: var(--neutral-000);
  --color-stock-card-border: var(--blue-075);
  --color-stock-card-media: var(--neutral-100);
  --color-stock-badge-background: var(--neutral-050);
  --color-stock-discount-background: var(--blue-075);
  --color-stock-popover: var(--neutral-450);
  --color-detail-heading: var(--neutral-900);
  --color-detail-body: var(--neutral-600);
  --color-detail-muted: var(--neutral-450);
  --color-detail-accent: var(--blue-500);
  --color-detail-surface: var(--neutral-000);
  --color-detail-media: var(--neutral-100);
  --color-detail-badge-background: var(--neutral-050);
  --color-detail-discount-background: var(--blue-075);
  --color-detail-breadcrumb: var(--neutral-600);
  --color-detail-breadcrumb-current: var(--neutral-450);
  --color-detail-gallery-control: var(--neutral-000);
  --color-detail-info-divider: var(--blue-100);
  --color-detail-car-color-active: var(--blue-700);
  --color-detail-car-color-border: var(--blue-075);
  --color-detail-car-color-black: var(--vehicle-black);
  --color-detail-car-color-gray: var(--vehicle-gray);
  --color-detail-car-color-white: var(--vehicle-white);
  --color-detail-car-color-blue: var(--vehicle-blue);
  --color-detail-car-color-red: var(--vehicle-red);
  --color-detail-car-color-brown: var(--vehicle-brown);
  --color-detail-car-color-beige: var(--vehicle-beige);
  --color-detail-car-color-green: var(--vehicle-green);
  --color-detail-car-color-unknown: var(--neutral-450);
  --color-detail-specs-fade: linear-gradient(
    180deg,
    transparent 0%,
    var(--color-detail-surface) 100%
  );
  --color-catalog-promo-panel-background: #ffffff4d;
  --color-catalog-promo-panel-border: #ffffff99;
  --color-catalog-promo-text: var(--neutral-900);
  --color-body-type-section-background: var(--blue-050);
  --color-body-type-heading: var(--neutral-900);
  --color-body-type-control: var(--neutral-900);
  --color-body-type-control-hover: var(--blue-075);
  --color-body-type-card-background: var(--neutral-000);
  --color-body-type-card-hover: var(--blue-075);
  --color-body-type-card-text: var(--neutral-600);
  --color-body-type-card-hover-text: var(--blue-500);
  --color-body-type-focus: var(--blue-500);
  --color-credit-discount-section-background: var(--blue-050);
  --color-credit-discount-media-background: var(--blue-050);
  --color-credit-discount-panel-background: var(--neutral-000);
  --color-credit-discount-heading: var(--neutral-900);
  --color-credit-discount-body: var(--neutral-600);
  --color-car-credit-card-background: var(--neutral-000);
  --color-car-credit-card-shadow: #26262626;
  --color-car-credit-heading: var(--neutral-900);
  --color-car-credit-label: var(--neutral-600);
  --color-car-credit-condition-label: var(--neutral-550);
  --color-car-credit-value-background: var(--neutral-000);
  --color-car-credit-value-disabled-background: var(--neutral-050);
  --color-car-credit-value-text: var(--neutral-900);
  --color-car-credit-value-disabled-text: var(--neutral-450);
  --color-select-hover-border: var(--blue-075);
  --color-select-hover-text: var(--neutral-600);
  --color-car-credit-result-background: var(--blue-050);
  --color-car-credit-range-track: var(--blue-125);
  --color-car-credit-range-progress: var(--blue-500);
  --color-car-credit-range-disabled-track: var(--neutral-050);
  --color-car-credit-range-disabled-progress: var(--neutral-125);
  --color-car-credit-range-disabled-thumb: var(--neutral-450);
  --color-car-credit-range-thumb-border: var(--neutral-blue-100);
  --color-car-credit-scale-text: var(--neutral-600);
  --color-car-credit-scale-disabled-text: var(--neutral-450);
  --color-car-credit-divider: var(--neutral-450);
  --color-car-credit-help-icon: var(--neutral-450);
  --color-car-credit-consent-text: var(--neutral-450);
  --color-trade-in-application-section-background: var(--blue-050);
  --color-trade-in-application-card-background: var(--neutral-000);
  --color-trade-in-application-heading: var(--neutral-900);
  --color-trade-in-application-subheading: var(--neutral-600);
  --color-trade-in-application-consent-text: var(--neutral-450);
  --color-credit-steps-section-background: var(--blue-050);
  --color-credit-steps-heading: var(--neutral-900);
  --color-credit-steps-accent: var(--blue-500);
  --color-credit-steps-label-background: var(--neutral-000);
  --color-credit-steps-card-background: var(--neutral-000);
  --color-credit-steps-number: var(--blue-075);
  --color-consultation-section-background: var(--blue-050);
  --color-consultation-media-background: var(--blue-050);
  --color-consultation-card-background: var(--neutral-000);
  --color-consultation-heading: var(--neutral-900);
  --color-consultation-consent-text: var(--neutral-450);
  --color-contacts-section-background: var(--blue-050);
  --color-contacts-heading: var(--neutral-900);
  --color-contacts-body: var(--neutral-600);
  --color-contacts-card-background: var(--neutral-000);
  --color-contacts-card-shadow: #26262626;
  --color-contacts-map-fallback: var(--neutral-100);
  --color-contacts-map-pin: var(--blue-500);
  --color-contacts-map-pin-icon: var(--neutral-000);
  --color-contacts-map-pin-shadow: #26262626;
  --color-promotions-section-background: var(--blue-050);
  --color-promotions-heading: var(--neutral-900);
  --color-promotions-card-text: var(--neutral-900);
  --color-promotions-card-media: var(--neutral-100);
  --color-promotions-card-shadow: #26262626;
  --color-promotions-focus: var(--blue-500);
  --color-reviews-section-background: var(--blue-050);
  --color-reviews-heading: var(--neutral-900);
  --color-reviews-body: var(--neutral-600);
  --color-reviews-grid-background: var(--blue-050);
  --color-reviews-card-background: var(--neutral-000);
  --color-reviews-image-background: var(--neutral-100);
  --color-not-found-background: var(--blue-050);
  --color-not-found-number: var(--neutral-800);
  --color-not-found-heading: var(--neutral-900);
  --color-not-found-body: var(--neutral-600);
  --color-floating-callback-background: var(--blue-075);
  --color-floating-callback-background-hover: var(--blue-100);
  --color-floating-callback-text: var(--blue-500);
  --color-floating-callback-focus: var(--blue-500);
  --color-request-modal-background: var(--neutral-000);
  --color-request-modal-shadow: #26262626;
  --color-request-modal-heading: var(--neutral-900);
  --color-request-modal-body: var(--neutral-600);
  --color-banks-section-background: var(--blue-050);
  --color-banks-heading: var(--neutral-900);
  --color-banks-card-background: var(--neutral-000);
  --color-banks-logo: var(--neutral-600);
  --color-banks-license: var(--neutral-600);
  --color-banks-hover: var(--blue-500);

  --color-header-background: var(--neutral-000);
  --color-header-text: var(--neutral-900);
  --color-header-shadow: #26262626;
  --color-header-control-background: var(--neutral-900);
  --color-header-control-icon: var(--neutral-000);

  --color-footer-background: var(--neutral-000);
  --color-footer-text: var(--neutral-900);

  --container-max-width: 1440px;
}

:root[data-template="daffodil"],
:root[data-template="daffodil"] body {
  background: var(--color-page-background);
}

:root[data-template="daffodil"] body {
  --font-heading: var(--font-ntsomic);
  --font-body: var(--font-manrope);
  --font-label: var(--font-consolas);
}
