:root {
  --johku-font-main: "Rethink Sans", sans-serif;
  --johku-font-title: "Rethink Sans", sans-serif;
  --johku-font-button: "Rethink Sans", sans-serif;
  --johku-font-title-transform: inherit;
  --johku-font-button-transform: inherit;
  --johku-color-primary: #9A5B2E;
  --johku-color-secondary: #102A43;
  --johku-color-background: #F7F4EF;
  --johku-color-modal-background: var(--johku-color-panel-background);
  --johku-color-text: #17212B;
  --johku-color-input-background: color-mix(in oklab, var(--johku-color-background), #000000 5%);
  --johku-color-orderwrap-input-background: var(--johku-color-background);
  --johku-color-input-text: var(--johku-color-text);
  --johku-color-orderwrap-input-text: var(--johku-color-text);
  --johku-color-input-placeholder: color-mix(in oklab, var(--johku-color-input-text), var(--johku-color-input-background) 20%);
  --johku-color-footer-background: var(--johku-color-secondary);
  --johku-color-footer-text: #FFFFFF;
  --johku-color-footer-link: #D9A06E;
  --johku-color-footer-bar-background: #102A43;
  --johku-color-footer-bar-text: #FFFFFF;
  --johku-color-footer-bar-link: #D9A06E;
  --johku-footer-nav-columns: 3;
  --johku-footer-nav-separator: rgba(255,255,255,0.25);
  --johku-color-success: #689f38;
  --johku-color-warning: #f28e00;
  --johku-color-error: #8C0000;
  --johku-color-info: #00b8d4;
  --johku-color-black: #000000;
  --johku-color-white: #FFFFFF;
  --johku-color-default: #E0E0E0;
  --johku-color-border: #F0F0F0;
  --johku-color-button-text: #FFFFFF;
  --johku-color-button-white-text: #000000;
  --johku-color-button-warning-text: #000000;
  --johku-color-button-default-text: #000000;
  --johku-color-background-tint: color-mix(in oklab, var(--johku-color-background), #000000 5%);
  --johku-color-text-title: var(--johku-color-secondary);
  --johku-color-text-link: var(--johku-color-secondary);
  --johku-color-breadcrumb-background: var(--johku-color-secondary);
  --johku-color-breadcrumb-text: #FFFFFF;
  --johku-color-breadcrumb-text-link: #FFFFFF;
  --johku-color-orderwrap-background: color-mix(in oklab, var(--johku-color-primary), var(--johku-color-background) 70%);
  --johku-color-orderwrap-background-dim: var(--johku-color-primary);
  --johku-color-orderwrap-text: var(--johku-color-text);
  --johku-color-orderwrap-text-title: var(--johku-color-primary-tint);
  --johku-color-orderwrap-text-link: #000000;
  --johku-color-orderwrap-text-price: var(--johku-color-primary-tint);
  --johku-color-pagetabs-page-text: var(--johku-color-orderwrap-text);
  --johku-color-pagetabs-orderwrap-text: #FFF;
  --johku-color-navbar-background: #FFFFFF;
  --johku-color-navbar-text: #000000;
  --johku-color-navbar-dropdown-background: var(--johku-color-navbar-background);
  --johku-color-navbar-transparent-text: #FFFFFF;
  --johku-color-dropdown-background: #FFFFFF;
  --johku-color-navbar-dropdown-title: var(--johku-color-primary);
  --johku-color-navbar-dropdown-text: var(--johku-color-text);
  --johku-color-navbar-dropdown-link: var(--johku-color-text);
  --johku-color-navbar-dropdown-link-hover: color-mix(in srgb, var(--johku-color-navbar-dropdown-link), var(--johku-color-navbar-dropdown-background) 15%);
  --johku-color-navbar-dropdown-title-hover: color-mix(in srgb, var(--johku-color-navbar-dropdown-title), var(--johku-color-navbar-dropdown-background) 15%);
  --johku-color-navbar-cart-count-background: var(--johku-color-primary);
  --johku-color-navbar-cart-count-text: var(--johku-color-navbar-background);
  --johku-color-grid-price-background: var(--johku-color-background);
  --johku-color-grid-price-text: var(--johku-color-text);
  --johku-color-primary-tint: color-mix(in oklab, var(--johku-color-primary), #000000 10%);
  --johku-color-secondary-tint: color-mix(in oklab, var(--johku-color-secondary), #000000 10%);
  --johku-color-success-tint: color-mix(in oklab, var(--johku-color-success), #000000 10%);
  --johku-color-warning-tint: color-mix(in oklab, var(--johku-color-warning), #000000 10%);
  --johku-color-error-tint: color-mix(in oklab, var(--johku-color-error), #000000 10%);
  --johku-color-info-tint: color-mix(in oklab, var(--johku-color-info), #000000 10%);
  --johku-color-black-tint: color-mix(in oklab, var(--johku-color-black), #000000 10%);
  --johku-color-white-tint: color-mix(in oklab, var(--johku-color-white), #000000 10%);
  --johku-color-default-tint: color-mix(in oklab, var(--johku-color-default), #000000 10%);
  --johku-color-titlebar-background: var(--johku-color-primary-tint);
  --johku-color-titlebar-text-title: #FFFFFF;
  --johku-color-titlebar-text-shadow: #000000;
  --johku-color-panel-background: #FFF;
  --johku-color-panel-text: #000;
  --johku-color-panel-title-background: color-mix(in oklab, var(--johku-color-panel-background), #000 5%);
  --johku-color-panel-title-text: var(--johku-color-panel-text);
  --johku-color-largeimage-text: #FFFFFF;
  --johku-color-largeimage-text-title: var(--johku-color-largeimage-text);
  --johku-color-image-text-shadow: #000000;
  --johku-color-button-success-text: var(--johku-color-button-text);
  --johku-color-button-primary-text: var(--johku-color-button-text);
  --johku-color-button-secondary-text: var(--johku-color-button-text);
  --johku-color-button-error-text: var(--johku-color-button-text);
  --johku-color-button-info-text: var(--johku-color-button-text);
  --johku-color-button-black-text: var(--johku-color-button-text);
  --johku-color-button-close-text: var(--johku-color-button-text);
  --johku-color-button-success-background: var(--johku-color-secondary);
  --johku-color-button-primary-background: var(--johku-color-primary);
  --johku-color-button-secondary-background: var(--johku-color-secondary);
  --johku-color-button-warning-background: var(--johku-color-warning);
  --johku-color-button-error-background: var(--johku-color-danger);
  --johku-color-button-info-background: var(--johku-color-info);
  --johku-color-button-black-background: var(--johku-color-black);
  --johku-color-button-close-background: var(--johku-color-black);
  --johku-color-button-white-background: var(--johku-color-white);
  --johku-color-button-default-background: var(--johku-color-default);
  --johku-color-button-success-border: var(--johku-color-secondary-tint);
  --johku-color-button-primary-border: var(--johku-color-primary-tint);
  --johku-color-button-secondary-border: var(--johku-color-secondary-tint);
  --johku-color-button-warning-border: var(--johku-color-warning-tint);
  --johku-color-button-error-border: var(--johku-color-danger-tint);
  --johku-color-button-info-border: var(--johku-color-info-tint);
  --johku-color-button-black-border: var(--johku-color-black-tint);
  --johku-color-button-close-border: var(--johku-color-black-tint);
  --johku-color-button-white-border: var(--johku-color-white-tint);
  --johku-color-button-default-border: var(--johku-color-default-tint);
  --johku-color-button-success-border-hover: var(--johku-color-secondary-tint);
  --johku-color-button-primary-border-hover: var(--johku-color-primary-tint);
  --johku-color-button-secondary-border-hover: var(--johku-color-secondary-tint);
  --johku-color-button-warning-border-hover: var(--johku-color-warning-tint);
  --johku-color-button-error-border-hover: var(--johku-color-danger-tint);
  --johku-color-button-info-border-hover: var(--johku-color-info-tint);
  --johku-color-button-black-border-hover: var(--johku-color-black-tint);
  --johku-color-button-close-border-hover: var(--johku-color-black-tint);
  --johku-color-button-white-border-hover: var(--johku-color-white-tint);
  --johku-color-button-default-border-hover: var(--johku-color-default-tint);
  --johku-color-button-success-background-hover: var(--johku-color-secondary-tint);
  --johku-color-button-primary-background-hover: var(--johku-color-primary-tint);
  --johku-color-button-secondary-background-hover: var(--johku-color-secondary-tint);
  --johku-color-button-warning-background-hover: var(--johku-color-warning-tint);
  --johku-color-button-error-background-hover: var(--johku-color-danger-tint);
  --johku-color-button-info-background-hover: var(--johku-color-info-tint);
  --johku-color-button-black-background-hover: var(--johku-color-black-tint);
  --johku-color-button-close-background-hover: var(--johku-color-black-tint);
  --johku-color-button-white-background-hover: var(--johku-color-white-tint);
  --johku-color-button-default-background-hover: var(--johku-color-default-tint);
  --johku-color-button-success-text-hover: color-mix(in oklab, var(--johku-color-button-secondary-text), #000000 5%);
  --johku-color-button-primary-text-hover: color-mix(in oklab, var(--johku-color-button-primary-text), #000000 5%);
  --johku-color-button-secondary-text-hover: color-mix(in oklab, var(--johku-color-button-secondary-text), #000000 5%);
  --johku-color-button-warning-text-hover: color-mix(in oklab, var(--johku-color-button-warning-text), #000000 5%);
  --johku-color-button-error-text-hover: color-mix(in oklab, var(--johku-color-button-error-text), #000000 5%);
  --johku-color-button-info-text-hover: color-mix(in oklab, var(--johku-color-button-info-text), #000000 5%);
  --johku-color-button-black-text-hover: color-mix(in oklab, var(--johku-color-button-black-text), #000000 5%);
  --johku-color-button-close-text-hover: color-mix(in oklab, var(--johku-color-button-close-text), #000000 5%);
  --johku-color-button-white-text-hover: color-mix(in oklab, var(--johku-color-button-white-text), #000000 5%);
  --johku-color-button-default-text-hover: color-mix(in oklab, var(--johku-color-button-default-text), #000000 5%);
  --johku-color-shadow-base: #000000;
  --johku-color-blockshadow: color-mix(in srgb, var(--johku-color-shadow-base), transparent 75%);
  --johku-color-shadow: color-mix(in oklab, var(--johku-color-background), var(--johku-color-shadow-base) 30%);
  --johku-color-shadow-a20: color-mix(in srgb, var(--johku-color-shadow-base), transparent 20%);
  --johku-color-shadow-a33: color-mix(in srgb, var(--johku-color-shadow-base), transparent 33%);
  --johku-color-shadow-a50: color-mix(in srgb, var(--johku-color-shadow-base), transparent 50%);
  --johku-color-shadow-a66: color-mix(in srgb, var(--johku-color-shadow-base), transparent 66%);
  --johku-color-shadow-a80: color-mix(in srgb, var(--johku-color-shadow-base), transparent 80%);
  --johku-color-shadow-a90: color-mix(in srgb, var(--johku-color-shadow-base), transparent 90%);
  --johku-color-titlebar-text-shadow-a10: color-mix(in srgb, var(--johku-color-titlebar-text-shadow), transparent 10%);
  --johku-color-titlebar-text-shadow-a25: color-mix(in srgb, var(--johku-color-titlebar-text-shadow), transparent 25%);
  --johku-color-titlebar-text-shadow-a50: color-mix(in srgb, var(--johku-color-titlebar-text-shadow), transparent 50%);
  --johku-color-titlebar-text-shadow-a75: color-mix(in srgb, var(--johku-color-titlebar-text-shadow), transparent 75%);
  --johku-color-titlebar-text-shadow-a90: color-mix(in srgb, var(--johku-color-titlebar-text-shadow), transparent 90%);
  --johku-color-image-text-shadow-a10: color-mix(in srgb, var(--johku-color-image-text-shadow), transparent 10%);
  --johku-color-image-text-shadow-a25: color-mix(in srgb, var(--johku-color-image-text-shadow), transparent 25%);
  --johku-color-image-text-shadow-a50: color-mix(in srgb, var(--johku-color-image-text-shadow), transparent 50%);
  --johku-color-image-text-shadow-a75: color-mix(in srgb, var(--johku-color-image-text-shadow), transparent 75%);
  --johku-color-image-text-shadow-a90: color-mix(in srgb, var(--johku-color-image-text-shadow), transparent 90%);
  --johku-border-radius: 12px;
  --johku-border-radius-button: var(--johku-border-radius);
  --johku-border-radius-input: 5px;
  --johku-border-radius-image: var(--johku-border-radius);
  --johku-border-radius-sm: var(--johku-border-radius);
  --johku-border-radius-button-sm: var(--johku-border-radius-sm);
  --johku-border-radius-input-sm: var(--johku-border-radius-input);
  --johku-border-radius-image-sm: var(--johku-border-radius-sm);
}