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

/* Base Tokens */
:root {
  --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: #00dca5;
  --kx-color-brand-1-rgb: 178, 208, 255;
  --kx-color-brand-2: #00c896;
  --kx-color-brand-2-rgb: 0, 200, 150;
  --kx-color-brand-3: #007d69;
  --kx-color-brand-3-rgb: 0, 125, 105;
  --kx-color-brand-4: #003c3c;
  --kx-color-brand-4-rgb: 0, 60, 60;
  --kx-color-brand-5: #002727;
  --kx-color-brand-5-rgb: 0, 39, 39;

  --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: #e9ecef;  /* Slightly darker than secondary */
  --kx-color-background-tertiary-rgb: 233, 236, 239;


  /*  Fonts  */
  --kx-color-font-base: #333;
  --kx-color-font-base-rgb: 51, 51, 51;
  --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: "Outfit", 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: uppercase;
  --kx-size-font-weight-headings: 200;
  --kx-size-font-h1: 36px;
  --kx-size-font-h2: 30px;
  --kx-size-font-h3: 24px;
  --kx-size-font-h4: 18px;
  --kx-size-font-h5: 14px;
  --kx-size-font-h6: 12px;


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


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

/* Component Tokens */
:root {
    /*  Buttons */
    --kx-size-padding-button-x: 20px;
    --kx-size-padding-button-y: 10px;
    --kx-size-border-width-button: var(--kx-size-border-width-base);
    --kx-size-border-radius-button: var(--kx-size-border-radius-base);
    --kx-size-font-weight-button: 400;
    --kx-text-transform-button: unset;

    
    /* 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: #fff;
    --kx-color-background-button-primary-hover: var(--kx-color-brand-2);
    --kx-color-border-button-primary-hover: var(--kx-color-background-button-primary-hover);
    --kx-color-font-button-primary-hover: var(--kx-color-brand-5);
    --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-border-button-primary);
    --kx-color-font-button-primary-disabled: var(--kx-color-font-button-primary);

    /* Secondary Button */
    --kx-color-background-button-secondary: var(--kx-color-brand-1);
    --kx-color-border-button-secondary: var(--kx-color-background-button-secondary);
    --kx-color-font-button-secondary: var(--kx-color-brand-5);
    --kx-color-background-button-secondary-hover: var(--kx-color-brand-3);
    --kx-color-border-button-secondary-hover: var(--kx-color-background-button-secondary-hover);
    --kx-color-font-button-secondary-hover: #fff;
    --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-border-button-secondary);
    --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: currentColor;
    --kx-color-font-accordion-button-active: var(--kx-color-primary);
    --kx-color-background-accordion-button: var(--kx-color-background-secondary);
    --kx-color-background-accordion-button-active: var(--kx-color-brand-1);
    --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: #fff;
    --kx-color-font-master-header: initial;
    --kx-color-border-master-header: var(--kx-color-background-master-header);
    
    --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: 245px;
    --kx-size-max-width-logo: clamp(200px, 33vw, 245px);


    /* Navbar */
    --kx-color-background-navbar: var(--kx-color-background-master-header);
    --kx-color-background-navbar-nav-item: transparent;
    --kx-color-background-navbar-nav-item-hover: transparent;
    --kx-color-background-navbar-nav-item-active: transparent;
    --kx-color-font-navbar-nav-item: var(--kx-color-brand-5);
    --kx-color-font-navbar-nav-item-hover: var(--kx-color-brand-4);
    --kx-color-font-navbar-nav-item-active: var(--kx-color-font-navbar-nav-item-hover);
    
    --kx-size-font-weight-navbar-nav-item: 600;
    --kx-size-padding-navbar-nav-item-y: 0.25rem;
    --kx-size-padding-navbar-nav-item-y-sm: 1rem;
    --kx-size-padding-navbar-nav-item-x: 0;
    --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(--bs-primary);
    --kx-color-font-master-footer: #fff;
    --kx-color-font-master-footer-headings: var(--kx-color-brand-1);
    --kx-color-font-master-footer-links: #00dea5;
    --kx-color-font-master-footer-links-hover: var(--kx-color-font-master-footer-links);

    --kx-color-background-master-footer-copyright: var(--kx-color-background-master-footer);
    --kx-color-border-master-footer-copyright: rgba(255, 255, 255, 0.1);
    --kx-color-font-master-footer-copyright: var(--kx-color-font-master-footer);
    --kx-color-font-master-footer-links-copyright: var(--kx-color-brand-1);
    --kx-color-font-master-footer-links-copyright-hover: #00ab7f;
    
    --kx-size-font-master-footer-links: 1rem;
    --kx-size-font-weight-master-footer-links: 300;
    --kx-size-font-master-footer-links-copyright: 0.875rem;
    --kx-size-font-weight-master-footer-links-copyright: var(--kx-size-font-weight-master-footer-links);
    --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: 2rem;
    --kx-size-border-width-master-footer-copyright: 1px;
    
    --kx-text-decoration-master-footer-links: underline;
    --kx-text-decoration-master-footer-links-hover: none;
    --kx-text-decoration-master-footer-links-copyright: underline;
    --kx-text-decoration-master-footer-links-copyright-hover: underline;


    /* Social Links */
    --kx-size-font-social-link: 1.5rem;
    --kx-color-font-social-link: var(--kx-color-brand-1);
    --kx-color-font-social-link-hover: var(--kx-color-brand-1);


    /* 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: 0.875rem;
    --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(--kx-color-brand-4);
    --kx-color-font-user-login-signup-links-hover: var(--kx-color-brand-5);

    --kx-text-decoration-user-login-signup-links: none;
    --kx-text-decoration-user-login-signup-links-hover: none;
    --kx-text-transform-user-login-signup-links: uppercase;
    
    
    /* User Login Signup Buttons */
    --kx-size-padding-user-login-signup-buttons-container-x: 0.5rem;
    --kx-size-padding-user-login-signup-buttons-container-y: 0.5rem;
    --kx-size-border-radius-user-login-signup-buttons-container: var(--kx-size-border-radius-button);

    --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: rgba(var(--kx-color-primary-rgb), 0.73);

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


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

    --kx-background-image-hero: url("/Clients/Exeter/images/exeterbanner.jpg");
    --kx-background-repeat-hero: no-repeat;
    --kx-background-position-hero: center;
    --kx-background-size-hero: cover;

    --kx-size-min-height-hero: clamp(200px, 33vw, 400px);
    --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-1);
    --kx-color-font-search-bar: var(--kx-color-brand-5);
    --kx-color-border-search-bar-top: transparent;
    --kx-color-border-search-bar-bottom: transparent;
    --kx-size-font-weight-search-bar-label: 400;
    --kx-text-transform-search-bar-label: uppercase;
    
    /* 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-search-bar);
    --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-brand-1);
    --kx-color-background-search-bar-dropdown-item-hover: var(--kx-color-background-search-bar);
    --kx-color-font-search-bar-dropdown-item-hover: var(--kx-color-font-search-bar);
    --kx-color-background-search-bar-dropdown-item-active: var(--kx-color-brand-1);
    --kx-color-font-search-bar-dropdown-item-active: var(--kx-color-font-search-bar);

    /* Search Bar - Button */
    --kx-color-background-search-bar-search-button: var(--kx-color-brand-5);
    --kx-color-border-search-bar-search-button: var(--kx-color-background-search-bar-search-button);
    --kx-color-font-search-bar-search-button: #fff;
    --kx-color-background-search-bar-search-button-hover: var(--kx-color-brand-4);
    --kx-color-border-search-bar-search-button-hover: var(--kx-color-background-search-bar-search-button-hover);
    --kx-color-font-search-bar-search-button-hover: #fff;
    --kx-color-background-search-bar-search-button-active: var(--kx-color-background-search-bar-search-button-hover);
    --kx-color-border-search-bar-search-button-active: var(--kx-color-background-search-bar-search-button-active);
    --kx-color-font-search-bar-search-button-active: var(--kx-color-font-search-bar-search-button-hover);
    --kx-color-background-search-bar-search-button-disabled: var(--kx-color-background-search-bar-search-button);
    --kx-color-border-search-bar-search-button-disabled: var(--kx-color-border-search-bar-search-button);
    --kx-color-font-search-bar-search-button-disabled: var(--kx-color-font-search-bar-search-button);


    /* 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-h3);
    --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);

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

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


    /* 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;
}