/***********************
 * KxBnB Design Tokens *
 ***********************/

/* Base Tokens e.g. colours, tyography, classless HTML elements */
:root {
  /* Focus-visible Box Shadow (for accessibility) */
  --kx-box-shadow-focus-visible: 0 0 0 1px rgba(255, 255, 255, 1), 0 0 0 3px rgba(0, 0, 0, 1);

  /*  Colours  */
  --kx-color-brand-1: #E5ED76;
  --kx-color-brand-1-rgb: 229, 237, 118;
  --kx-color-brand-2: #C1CD23;
  --kx-color-brand-2-rgb: 193, 205, 35;
  --kx-color-brand-3: #3E798D;
  --kx-color-brand-3-rgb: 62, 121, 141;
  --kx-color-brand-4: #004A64;
  --kx-color-brand-4-rgb: 0, 74, 100;
  --kx-color-brand-5: #B70050;
  --kx-color-brand-5-rgb: 183, 0, 80;
  --kx-color-brand-6: #506368;
  --kx-color-brand-6-rgb: 80, 99, 104;

  --kx-color-primary: var(--kx-color-brand-4);
  --kx-color-primary-rgb: var(--kx-color-brand-4-rgb);
  --kx-color-font-primary-contrast: #fff;

  
  /* Backgrounds */
  --kx-color-background-base: #ffffff;
  --kx-color-background-base-rgb: 255, 255, 255;
  --kx-color-background-secondary: #f8f9fa; /* Slightly darker than base */
  --kx-color-background-secondary-rgb: 248, 249, 250;
  --kx-color-background-tertiary: #e0e0e5;  /* Slightly darker than secondary */
  --kx-color-background-tertiary-rgb: 224, 224, 229;
  

  /*  Fonts  */
  --kx-color-font-base: var(--kx-color-brand-6);
  --kx-color-font-base-rgb: var(--kx-color-brand-6-rgb);
  --kx-color-font-secondary: #666; /* Slightly lighter than base */
  --kx-color-font-secondary-rgb: 102, 102, 102;
  --kx-color-font-tertiary: #999; /* Slightly lighter than secondary */
  --kx-color-font-tertiary-rgb: 153, 153, 153;

  --kx-font-family-base: Calibri, Arial, sans-serif;
  --kx-size-font-base: 1rem;
  --kx-size-font-weight-base: 400;
  --kx-size-font-small: 0.875rem;


  /* Headings */
  --kx-color-font-headings: var(--kx-color-primary);
  --kx-text-transform-headings: capitalize;
  --kx-size-font-weight-headings: 600;
  --kx-size-font-h1: 2.5rem;
  --kx-size-font-h2: 2rem;
  --kx-size-font-h3: 1.75rem;
  --kx-size-font-h4: 1.5rem;
  --kx-size-font-h5: 1.25rem;
  --kx-size-font-h6: 1rem;


  /* Links */
  --kx-color-font-links: var(--kx-color-brand-5);
  --kx-color-font-links-rgb: var(--kx-color-brand-5-rgb);
  --kx-color-font-links-hover: var(--kx-color-brand-5);
  --kx-color-font-links-hover-rgb: var(--kx-color-brand-5-rgb);
  --kx-size-font-weight-links: 600;
  --kx-text-decoration-links: none;
  --kx-text-decoration-links-hover: underline;
  --kx-text-transform-links: none;


  /* Borders */
  --kx-color-border-base: #ccc;
  --kx-size-border-radius-base: 0;
  --kx-size-border-width-base: 1px;
}

/* Component Tokens - Class based components e.g. Buttons, Header/Footer, Search Bar */
:root {
    /*  Buttons */
    --kx-size-padding-button-x: 1.25rem;
    --kx-size-padding-button-y: 0.5rem;
    --kx-size-border-width-button: var(--kx-size-border-width-base);
    --kx-size-border-radius-button: 0;
    --kx-size-font-weight-button: 700;
    --kx-text-transform-button: none;

    
    /* Primary Button */
    --kx-color-background-button-primary: var(--kx-color-primary);
    --kx-color-border-button-primary: var(--kx-color-background-button-primary);
    --kx-color-font-button-primary: var(--kx-color-font-primary-contrast);
    --kx-color-background-button-primary-hover: var(--kx-color-brand-3);
    --kx-color-border-button-primary-hover: var(--kx-color-background-button-primary-hover);
    --kx-color-font-button-primary-hover: var(--kx-color-font-button-primary);
    --kx-color-background-button-primary-active: var(--kx-color-background-button-primary-hover);
    --kx-color-border-button-primary-active: var(--kx-color-background-button-primary-active);
    --kx-color-font-button-primary-active: var(--kx-color-font-button-primary-hover);
    --kx-color-background-button-primary-disabled: var(--kx-color-background-button-primary);
    --kx-color-border-button-primary-disabled: var(--kx-color-background-button-primary-disabled);
    --kx-color-font-button-primary-disabled: var(--kx-color-font-button-primary);

    /* Secondary Button */
    --kx-color-background-button-secondary: var(--kx-color-brand-2);
    --kx-color-border-button-secondary: var(--kx-color-background-button-secondary);
    --kx-color-font-button-secondary: #fff;
    --kx-color-background-button-secondary-hover: var(--kx-color-brand-1);
    --kx-color-border-button-secondary-hover: var(--kx-color-background-button-secondary-hover);
    --kx-color-font-button-secondary-hover: #444648;
    --kx-color-background-button-secondary-active: var(--kx-color-background-button-secondary-hover);
    --kx-color-border-button-secondary-active: var(--kx-color-background-button-secondary-active);
    --kx-color-font-button-secondary-active: var(--kx-color-font-button-secondary-hover);
    --kx-color-background-button-secondary-disabled: var(--kx-color-background-button-secondary);
    --kx-color-border-button-secondary-disabled: var(--kx-color-background-button-secondary-disabled);
    --kx-color-font-button-secondary-disabled: var(--kx-color-font-button-secondary);

    
    /* Form Controls */
    --kx-size-padding-form-control-x: var(--kx-size-padding-button-x);
    --kx-size-padding-form-control-y: var(--kx-size-padding-button-y);
    --kx-size-font-weight-form-control: 400;
    --kx-size-border-width-form-control: var(--kx-size-border-width-base);
    --kx-size-border-radius-form-control: var(--kx-size-border-radius-base);

    --kx-color-background-form-control: var(--kx-color-background-base);
    --kx-color-font-form-control: var(--kx-color-font-base);
    --kx-color-font-form-control-placeholder: var(--kx-color-font-secondary);
    --kx-color-border-form-control: var(--kx-color-border-base);
    --kx-color-background-form-control-focus: var(--kx-color-background-base);
    --kx-color-font-form-control-focus: var(--kx-color-font-base);
    --kx-color-border-form-control-focus: var(--kx-color-primary);
    --kx-color-background-form-control-disabled: var(--kx-color-background-secondary);


    /*  Cards (default)  */
    --kx-box-shadow-card: none;

    --kx-color-background-card: var(--kx-color-background-base);
    --kx-color-border-card: var(--kx-color-border-base);
    --kx-color-font-card: var(--kx-color-font-base);
    --kx-color-font-card-title: currentColor;
    --kx-color-background-card-cap: var(--kx-color-background-secondary);

    --kx-font-family-card-title: inherit;
    
    --kx-size-padding-card-body-x: 1.5rem;
    --kx-size-padding-card-body-y: 1rem;
    --kx-size-font-card-title: var(--kx-size-font-h2);
    --kx-size-font-weight-card-title: var(--kx-font-weight-headings);
    --kx-size-border-width-card: var(--kx-size-border-width-base);
    --kx-size-border-radius-card: var(--kx-size-border-radius-base);


    /* Accordion (default) */
    --kx-color-background-accordion: var(--kx-color-background-card);
    --kx-color-border-accordion: var(--kx-color-border-card);
    --kx-color-font-accordion: var(--kx-color-font-card);
    --kx-size-border-width-accordion: var(--kx-size-border-width-base);
    --kx-size-border-radius-accordion: var(--kx-size-border-radius-base);
    --kx-size-padding-accordion-body-x: var(--kx-size-padding-card-body-x);
    --kx-size-padding-accordion-body-y: var(--kx-size-padding-card-body-y);
    
    --kx-font-family-accordion-button: inherit;
    --kx-color-font-accordion-button: var(--kx-color-primary);
    --kx-color-font-accordion-button-active: var(--kx-color-font-accordion-button);
    --kx-color-background-accordion-button: var(--kx-color-background-tertiary);
    --kx-color-background-accordion-button-active: var(--kx-color-background-accordion-button);
    --kx-size-font-accordion-button: 1rem;
    --kx-size-font-weight-accordion-button: var(--kx-font-weight-headings);
    --kx-size-padding-accordion-button-x: var(--kx-size-padding-accordion-body-x);
    --kx-size-padding-accordion-button-y: var(--kx-size-padding-accordion-body-y);

    
    /* Navs */
    --kx-size-padding-nav-link-x: 1rem;
    --kx-size-padding-nav-link-y: 0;
    --kx-size-font-weight-nav-link: var(--kx-size-font-weight-links, 600);
    --kx-color-font-nav-link: var(--bs-link-color);
    --kx-color-font-nav-link-hover: var(--bs-link-hover-color);
    --kx-color-font-nav-link-disabled: var(--bs-secondary-color);


    /* Master Header */
    --kx-color-background-master-header: var(--kx-color-brand-2);
    --kx-color-font-master-header: #fff;
    --kx-color-border-master-header: transparent;
    
    --kx-size-min-height-master-header-top: none;
    --kx-size-min-height-master-header-top-xs: none;
    --kx-size-padding-master-header-top: 1.5rem;
    --kx-size-padding-master-header-bottom: 1.5rem;
    --kx-size-padding-master-header-xs-top: 1.5rem;
    --kx-size-padding-master-header-xs-bottom: 1.5rem;
    --kx-size-border-width-master-header: 0px;

    --kx-background-image-master-header: none;
    --kx-background-repeat-master-header: repeat;
    --kx-background-position-master-header: top left;
    --kx-background-size-master-header: auto;


    /* Logo */
    --kx-size-width-logo: 7rem;
    --kx-size-max-width-logo: clamp(50px, 10vw, 7rem);


    /* Navbar */
    --kx-color-background-navbar: transparent;
    --kx-color-background-navbar-nav-item: var(--kx-color-background-navbar);
    --kx-color-background-navbar-nav-item-hover: transparent;
    --kx-color-background-navbar-nav-item-active: var(--kx-color-background-navbar-nav-item-hover);
    --kx-color-font-navbar-nav-item: #fff;
    --kx-color-font-navbar-nav-item-hover: var(--kx-color-primary);
    --kx-color-font-navbar-nav-item-active: var(--kx-color-font-navbar-nav-item-hover);
    
    --kx-text-align-navbar-nav-item-xs: center;
    --kx-text-transform-nav-link: none;
    
    --kx-size-font-weight-navbar-nav-item: 400;
    --kx-size-padding-navbar-nav-item-y: 0;
    --kx-size-padding-navbar-nav-item-y-sm: 1rem;
    --kx-size-padding-navbar-nav-item-x: 1.5rem;
    --kx-size-padding-navbar-nav-item-x-sm: 1rem;


    /* Master Content */
    --kx-size-padding-master-content-top: 3rem;
    --kx-size-padding-master-content-bottom: 3rem;

    
    /* Master Footer */
    --kx-color-background-master-footer: var(--kx-color-background-tertiary);
    --kx-color-font-master-footer: var(--kx-color-font-base);
    --kx-color-font-master-footer-links: currentColor;
    --kx-color-font-master-footer-links-hover: var(--kx-color-primary);

    --kx-color-background-master-footer-copyright: transparent;
    --kx-color-border-master-footer-copyright: var(--kx-color-brand-3);
    --kx-color-font-master-footer-copyright: var(--kx-color-font-master-footer);
    --kx-color-font-master-footer-links-copyright: var(--kx-color-font-master-footer-links);
    --kx-color-font-master-footer-links-copyright-hover: var(--kx-color-font-master-footer-links-hover);
    
    --kx-size-font-weight-master-footer-headings: var(--kx-size-font-weight-headings);
    --kx-size-font-weight-master-footer-links: var(--kx-size-font-weight-links);
    --kx-size-font-weight-master-footer-links-hover: var(--kx-size-font-weight-links);
    --kx-size-font-weight-master-footer-links-copyright: var(--kx-size-font-weight-master-footer-links);
    --kx-size-font-weight-master-footer-links-copyright-hover: var(--kx-size-font-weight-master-footer-links-hover);
    --kx-size-padding-master-footer-y: 3rem;
    --kx-size-padding-master-footer-y-xs: 2rem;
    --kx-size-border-radius-master-footer-top: 0;
    --kx-size-padding-master-footer-copyright-y: 1rem;
    --kx-size-border-width-master-footer-copyright: 0;
    
    --kx-text-transform-master-footer-headings: uppercase;
    --kx-text-decoration-master-footer-links: none;
    --kx-text-decoration-master-footer-links-hover: underline;


    /* Social Links */
    --kx-size-font-social-link: 2rem;
    --kx-color-font-social-link: var(--kx-color-primary);
    --kx-color-font-social-link-hover: var(--kx-color-font-social-link);


    /* User Login Signup Links */
    --kx-size-padding-user-login-signup-links-container-x: 0;
    --kx-size-padding-user-login-signup-links-container-y: 0;
    --kx-size-border-radius-user-login-signup-links-container: 0;
    --kx-size-font-user-login-signup-links: 1rem;
    --kx-size-font-weight-user-login-signup-links: var(--kx-size-font-weight-nav-link);

    --kx-color-background-user-login-signup-links-container: transparent;
    --kx-color-font-user-login-signup-links: var(--bs-link-color);
    --kx-color-font-user-login-signup-links-hover: var(--bs-link-hover-color);
    
    --kx-text-decoration-user-login-signup-links: none;
    --kx-text-decoration-user-login-signup-links-hover: none;
    --kx-text-transform-user-login-signup-links: var(--kx-text-transform-nav-link);

    
    /* User Login Signup Buttons */
    --kx-size-padding-user-login-signup-buttons-container-x: 0;
    --kx-size-padding-user-login-signup-buttons-container-y: 0;
    --kx-size-border-radius-user-login-signup-buttons-container: 0;
    
    --kx-size-font-user-login-signup-buttons-button: 1rem;
    --kx-size-padding-user-login-signup-buttons-button-x: var(--kx-size-padding-button-x, 1.25rem);
    --kx-size-padding-user-login-signup-buttons-button-y: var(--kx-size-padding-button-y, 0.75rem);
    --kx-size-border-radius-user-login-signup-buttons-button: var(--kx-size-border-radius-button, 999px);
    
    --kx-color-background-user-login-signup-buttons-container: transparent;

    --kx-color-background-user-login-signup-buttons-button: var(--kx-color-background-button-primary);
    --kx-color-border-user-login-signup-buttons-button: var(--kx-color-border-button-primary);
    --kx-color-font-user-login-signup-buttons-button: var(--kx-color-font-button-primary);
    --kx-color-background-user-login-signup-buttons-button-hover: var(--kx-color-background-button-primary-hover);
    --kx-color-border-user-login-signup-buttons-button-hover: var(--kx-color-border-button-primary-hover);
    --kx-color-font-user-login-signup-buttons-button-hover: var(--kx-color-font-button-primary-hover);
    --kx-color-background-user-login-signup-buttons-button-active: var(--kx-color-background-button-primary-active);
    --kx-color-border-user-login-signup-buttons-button-active: var(--kx-color-border-button-primary-active);
    --kx-color-font-user-login-signup-buttons-button-active: var(--kx-color-font-button-primary-active);
    --kx-color-background-user-login-signup-buttons-button-disabled: var(--kx-color-background-button-primary-disabled);
    --kx-color-border-user-login-signup-buttons-button-disabled: var(--kx-color-border-button-primary-disabled);
    --kx-color-font-user-login-signup-buttons-button-disabled: var(--kx-color-font-button-primary-disabled);


    /* Hero (Banner) */
    --kx-color-background-hero: var(--bs-tertiary-bg);
    --kx-color-font-hero: #fff;
    --kx-color-border-hero-top: transparent;
    --kx-color-border-hero-bottom: var(--bs-primary);

    --kx-background-image-hero: url("/Clients/Fitzwilliam/Images/banner.png");
    --kx-background-repeat-hero: no-repeat;
    --kx-background-position-hero: center;
    --kx-background-size-hero: cover;

    --kx-size-min-height-hero: clamp(200px, 33vw, 600px);
    --kx-size-border-width-hero-top: 0px;
    --kx-size-border-width-hero-bottom: 0px;
    --kx-size-border-radius-hero-top: 0;
    --kx-size-border-radius-hero-bottom: 0;


    /* Search Bar */
    --kx-size-border-width-search-bar-top: 0;
    --kx-size-border-width-search-bar-bottom: 0;
    --kx-color-background-search-bar: var(--kx-color-brand-2);
    --kx-color-font-search-bar: #fff;
    --kx-color-border-search-bar-top: transparent;
    --kx-color-border-search-bar-bottom: transparent;
    --kx-size-font-weight-search-bar-label: var(--kx-size-font-weight-nav-link);
    --kx-text-transform-search-bar-label: none;
    
    /* Search Bar - Item */
    --kx-size-padding-search-bar-item-y: 1rem;
    --kx-size-padding-search-bar-item-x: 1rem;
    --kx-size-border-width-search-bar-item: 2px;
    --kx-color-border-search-bar-item-active: currentColor;
    --kx-color-background-search-bar-item-hover: white;
    --kx-color-font-search-bar-item-hover: var(--kx-color-font-base);
    --kx-color-background-search-bar-item-active: var(--kx-color-background-search-bar-item-hover);
    --kx-color-font-search-bar-item-active: var(--kx-color-font-search-bar-item-hover);
    
    /* Search Bar - Title */
    --kx-font-family-search-bar-title: inherit;
    --kx-color-font-search-bar-title: currentColor;
    --kx-size-font-search-bar-title: var(--kx-size-font-h5);
    --kx-display-search-bar-title: none;

    /* Search Bar - Dropdown */
    --kx-size-border-width-search-bar-dropdown-item: 1px;
    --kx-color-border-search-bar-dropdown-item: var(--kx-color-border-base);
    --kx-color-background-search-bar-dropdown-item-hover: var(--kx-color-primary);
    --kx-color-font-search-bar-dropdown-item-hover: var(--kx-color-font-primary-contrast);
    --kx-color-background-search-bar-dropdown-item-active: var(--kx-color-background-search-bar-dropdown-item-hover);
    --kx-color-font-search-bar-dropdown-item-active: var(--kx-color-font-search-bar-dropdown-item-hover);

    /* Search Bar - Button */
    --kx-color-background-search-bar-search-button: var(--kx-color-background-button-primary);
    --kx-color-border-search-bar-search-button: var(--kx-color-border-button-primary);
    --kx-color-font-search-bar-search-button: var(--kx-color-font-button-primary);
    --kx-color-background-search-bar-search-button-hover: var(--kx-color-background-button-primary-hover);
    --kx-color-border-search-bar-search-button-hover: var(--kx-color-border-button-primary-hover);
    --kx-color-font-search-bar-search-button-hover: var(--kx-color-font-button-primary-hover);
    --kx-color-background-search-bar-search-button-active: var(--kx-color-background-button-primary-active);
    --kx-color-border-search-bar-search-button-active: var(--kx-color-border-button-primary-active);
    --kx-color-font-search-bar-search-button-active: var(--kx-color-font-button-primary-active);
    --kx-color-background-search-bar-search-button-disabled: var(--kx-color-background-button-primary-disabled);
    --kx-color-border-search-bar-search-button-disabled: var(--kx-color-border-button-primary-disabled);
    --kx-color-font-search-bar-search-button-disabled: var(--kx-color-font-button-primary-disabled);


    /* Pagination */
    --kx-size-padding-pagination-x: 1rem;
    --kx-size-padding-pagination-y: 0.375rem;
    --kx-size-font-pagination: 1rem;
    --kx-size-border-width-pagination: var(--bs-border-width);
    --kx-size-border-radius-pagination: var(--kx-size-border-radius-button);

    --kx-color-background-pagination: var(--bs-body-bg);
    --kx-color-background-pagination-hover: var(--bs-tertiary-bg);
    --kx-color-background-pagination-active: var(--bs-primary);
    --kx-color-background-pagination-disabled: var(--kx-color-background-secondary);
    --kx-color-border-pagination: var(--bs-border-color);
    --kx-color-border-pagination-hover: var(--bs-border-color);
    --kx-color-border-pagination-active: var(--kx-color-background-pagination-active);
    --kx-color-border-pagination-disabled: var(--bs-border-color);
    --kx-color-font-pagination-link: var(--bs-link-color);
    --kx-color-font-pagination-link-hover: var(--bs-link-hover-color);
    --kx-color-font-pagination-link-active: var(--kx-color-font-primary-contrast);
    --kx-color-font-pagination-link-disabled: var(--kx-color-font-secondary);


    /* Search Results - Listing/Card */
    --kx-box-shadow-search-results-card: none;
    
    --kx-size-font-search-results-card: var(--kx-size-font-small);
    --kx-size-border-width-search-results-card: var(--kx-size-border-width-card);
    --kx-size-border-radius-search-results-card: var(--kx-size-border-radius-card);
    --kx-color-background-search-results-card: var(--kx-color-background-card);
    --kx-color-border-search-results-card: var(--kx-color-border-card);
    --kx-color-font-search-results-card: var(--kx-color-font-card);

    --kx-font-family-search-results-card-title: var(--kx-font-family-card-title);
    --kx-color-background-search-results-card-title: var(--kx-color-background-secondary);
    --kx-color-font-search-results-card-title: currentColor;
    --kx-size-font-search-results-card-title: var(--kx-size-font-h4);
    --kx-size-font-weight-search-results-card-title: var(--kx-size-font-weight-headings);

    --kx-color-background-search-results-card-booking-panel: var(--kx-color-background-search-results-card-title);
    --kx-color-font-search-results-card-booking-panel: var(--kx-color-font-search-results-card-title);

    --kx-color-background-search-results-card-price: var(--kx-color-background-tertiary);
    --kx-color-font-search-results-card-price: var(--kx-color-primary);
    --kx-size-font-search-results-card-price: var(--kx-size-font-h4);
    --kx-size-font-weight-search-results-card-price: 700;
    
    --kx-color-background-button-search-results-card-add: var(--kx-color-background-button-primary);
    --kx-color-border-button-search-results-card-add: var(--kx-color-background-button-primary);
    --kx-color-font-button-search-results-card-add: var(--kx-color-font-button-primary);
    --kx-color-background-button-search-results-card-add-hover: var(--kx-color-background-button-primary-hover);
    --kx-color-border-button-search-results-card-add-hover: var(--kx-color-border-button-primary-hover);
    --kx-color-font-button-search-results-card-add-hover: var(--kx-color-font-button-primary-hover);
    --kx-color-background-button-search-results-card-add-active: var(--kx-color-background-button-primary-active);
    --kx-color-border-button-search-results-card-add-active: var(--kx-color-border-button-primary-active);
    --kx-color-font-button-search-results-card-add-active: var(--kx-color-font-button-primary-active);
    --kx-color-background-button-search-results-card-add-disabled: var(--kx-color-background-button-primary-disabled);
    --kx-color-border-button-search-results-card-add-disabled: var(--kx-color-border-button-primary-disabled);
    --kx-color-font-button-search-results-card-add-disabled: var(--kx-color-font-button-primary-disabled);

    --kx-color-background-button-search-results-card-remove: var(--kx-color-background-button-secondary);
    --kx-color-border-button-search-results-card-remove: var(--kx-color-background-button-secondary);
    --kx-color-font-button-search-results-card-remove: var(--kx-color-font-button-secondary);
    --kx-color-background-button-search-results-card-remove-hover: var(--kx-color-background-button-secondary-hover);
    --kx-color-border-button-search-results-card-remove-hover: var(--kx-color-border-button-secondary-hover);
    --kx-color-font-button-search-results-card-remove-hover: var(--kx-color-font-button-secondary-hover);
    --kx-color-background-button-search-results-card-remove-active: var(--kx-color-background-button-secondary-active);
    --kx-color-border-button-search-results-card-remove-active: var(--kx-color-border-button-secondary-active);
    --kx-color-font-button-search-results-card-remove-active: var(--kx-color-font-button-secondary-active);
    --kx-color-background-button-search-results-card-remove-disabled: var(--kx-color-background-button-secondary-disabled);
    --kx-color-border-button-search-results-card-remove-disabled: var(--kx-color-border-button-secondary-disabled);
    --kx-color-font-button-search-results-card-remove-disabled: var(--kx-color-font-button-secondary-disabled);

    --kx-color-background-search-results-card-expand: transparent;
    --kx-color-border-search-results-card-expand: transparent;
    --kx-color-font-search-results-card-expand: var(--kx-color-brand-5);
    --kx-color-background-search-results-card-expand-hover: transparent;
    --kx-color-border-search-results-card-expand-hover: var(--kx-color-background-search-results-card-expand-hover);
    --kx-color-font-search-results-card-expand-hover: var(--kx-color-primary);
    --kx-color-background-search-results-card-expand-active: var(--kx-color-background-search-results-card-expand-hover);
    --kx-color-border-search-results-card-expand-active: var(--kx-color-border-search-results-card-expand-hover);
    --kx-color-font-search-results-card-expand-active: var(--kx-color-font-search-results-card-expand-hover);
    --kx-color-background-search-results-card-expand-disabled: var(--kx-color-background-search-results-card-expand);
    --kx-color-border-search-results-card-expand-disabled: var(--kx-color-border-search-results-card-expand);
    --kx-color-font-search-results-card-expand-disabled: var(--kx-color-font-search-results-card-expand);

    /* Search Results - Cart */
    --kx-color-background-search-results-cart: var(--kx-color-background-tertiary);
    --kx-color-font-search-results-cart: var(--kx-color-font-body);

    --kx-color-font-search-results-cart-title: var(--kx-color-primary);
    --kx-size-font-search-results-cart-title: var(--kx-size-font-h3);

    --kx-color-background-button-search-results-cart-button: var(--kx-color-brand-5);
    --kx-color-border-button-search-results-cart-button: var(--kx-color-background-button-search-results-cart-button);
    --kx-color-font-button-search-results-cart-button: #fff;
    --kx-color-background-button-search-results-cart-button-hover: var(--kx-color-primary);
    --kx-color-border-button-search-results-cart-button-hover: var(--kx-color-background-button-search-results-cart-button-hover);
    --kx-color-font-button-search-results-cart-button-hover: var(--kx-color-font-primary-contrast);
    --kx-color-background-button-search-results-cart-button-active: var(--kx-color-background-button-search-results-cart-button-hover);
    --kx-color-border-button-search-results-cart-button-active: var(--kx-color-border-button-search-results-cart-button-hover);
    --kx-color-font-button-search-results-cart-button-active: var(--kx-color-font-button-search-results-cart-button-hover);
    --kx-color-background-button-search-results-cart-button-disabled: var(--kx-color-background-button-search-results-cart-button);
    --kx-color-border-button-search-results-cart-button-disabled: var(--kx-color-border-button-search-results-cart-button);
    --kx-color-font-button-search-results-cart-button-disabled: var(--kx-color-font-button-search-results-cart-button);
    


    /* Heading Accordions */
    --kx-color-background-heading-accordion: transparent;
    --kx-color-border-heading-accordion: var(--bs-border-color);
    --kx-color-font-heading-accordion: currentColor;
    --kx-size-border-width-heading-accordion: var(--bs-border-width);
    --kx-size-border-radius-heading-accordion: 0;
    --kx-size-padding-heading-accordion-body-x: 0;
    --kx-size-padding-heading-accordion-body-y: 1rem;
    
    --kx-font-family-heading-accordion-button: inherit;
    --kx-color-font-heading-accordion-button: currentColor;
    --kx-color-font-heading-accordion-button-active: currentColor;
    --kx-color-background-heading-accordion-button: transparent;
    --kx-color-background-heading-accordion-button-active: transparent;
    --kx-size-font-heading-accordion-button: var(--kx-size-font-h3);
    --kx-size-font-weight-heading-accordion-button: var(--kx-font-weight-headings);
    --kx-size-padding-heading-accordion-button-x: 0;
    --kx-size-padding-heading-accordion-button-y: 1rem;
}