:root {
  --ct-primary: #e0aa3e;
  --ct-primary-rgb: 224, 170, 62;
  --ct-footer-bg: #f8eed8; /* tint-8 from primary-color */
  --ct-primary-dark: #9c762b; /* shade-3 from primary color */
  --ct-primary-dark-rgb: 156, 118, 43;
  --ct-secondary: #f5e5c5; /* tint-7 of primary-color */
  --ct-secondary-rgb: 245, 229, 197;
  --ct-primary-text-emphasis: #594418; /* shade-6 of primary-color */
  --ct-secondary-text-emphasis: #625b4e; /* shade-6 of secondary-color */
  --ct-primary-bg-subtle: #f8eed8; /* tint-8 of primary-color */
  --ct-secondary-bg-subtle: #fdf9f3; /* tint-8 of secondary-color */
  --ct-primary-border-subtle: #f2ddb1; /* tint-6 */
  --ct-secondary-border-subtle: #fbf4e7; /* tint-6 */
  --ct-secondary-color: rgba(44, 34, 12, 0.75); /* shade-8 of primary color */
  --ct-secondary-color-rgb: 44, 34, 12;
  --ct-secondary-bg: #e9e8e6;
  --ct-secondary-bg-rgb: 233, 232, 230;
  --ct-tertiary-color: rgba(44, 34, 12, 0.5);
  --ct-tertiary-color-rgb: 44, 34, 12;
  --ct-tertiary-bg: #f8eed8;
  --ct-tertiary-bg-rgb: 248, 238, 216;
  --ct-body-font-size: 0.9rem;
  --ct-link-hover-color: #b38831; /* shade-2 of primary-color */
  --ct-link-hover-color-rgb: 179, 136, 49;
  --ct-light: #faf8f5; /* tint-9 of secondary-color */
  --ct-light-rgb: 250, 248, 245; /* 254, 252, 249; */
  --ct-light-text-emphasis: #656463; /* shade-6 */
  --ct-light-bg-subtle: #fefefd; /* tint-8 */
  --ct-light-border-subtle: #fefdfc; /* tint-6 */
  --ct-dark: #433312; /* shade-7 of primary-color */
  --ct-dark-rgb: 67, 51, 18;
  --ct-dark-text-emphasis: #110d04;
  --ct-dark-bg-subtle: #d4d2ce;
  --ct-dark-border-subtle: #aaa69d; /* tint-6 */
  --ct-primary-dark-ul: #866625; /* shade-4 of primary color */
  --ct-primary-dark-ul-rgb: 134, 102, 37;

  --ct-focus-ring-color: rgba(var(--ct-link-color-rgb), 0.25);
  --ct-link-color: var(--ct-primary);
  --ct-link-color-rgb: var(--ct-primary-rgb);
  --ct-body-color: var(--ct-dark); 
  --ct-body-color-rgb: var(--ct-dark-rgb);
  --ct-body-bg: var(--ct-light);
  --ct-body-bg-rgb: var(--ct-light-rgb);
  --ct-category-bar: var(--ct-secondary-border-subtle);
  --ct-category-bar-reverse: var(--ct-secondary-text-emphasis);
  --ct-body-color: var(--ct-dark); 
  --ct-body-color-rgb: var(--ct-dark-rgb);
  --ct-body-bg: var(--ct-light);
  --ct-body-bg-rgb: var(--ct-light-rgb);  
  --ct-code-color: var(--ct-primary-dark);
  --ct-code-color-rgb: var(--ct-primary-dark-rgb); 
  --ct-border-color: var(--bs-border-color);
  --ct-border-radius-2xl: var(--ct-border-radius-xxl);
  --ct-progress-bar-bg: var(--ct-primary);
  --ct-primary-translucent: rgba(var(--ct-primary-rgb), 0.25);
  --ct-primary-text-emphasis: var(--ct-primary);
  --ct-primary-bg: var(--ct-primary);
  --ct-primary-bg-subtle: var(--ct-secondary);
  --ct-primary-border-subtle: var(--ct-border-color);
  --ct-secondary-translucent: rgba(var(--ct-secondary-rgb), 0.25);
  --ct-link-color: var(--ct-primary);
  --ct-link-color-rgb: var(--ct-primary-rgb);
  --ct-link-hover-color: var(--ct-primary-dark);
  --ct-link-hover-color-rgb: var(--ct-primary-dark-rgb);
  --ct-focus-ring-color: rgba(var(--ct-primary-rgb), 0.25);
  --ct-menu-bg: var(--ct-primary-dark);
  --ct-menu-bg-dark: var(--ct-primary-dark);
  --ct-menu-condensed-link-bg: var(--ct-dark);
  --ct-menu-condensed-ul-bg: var(--ct-primary-dark-ul);
  --ct-menu-item-active-color: var(--ct-menu-item-hover-color);
  --ct-topbar-item-color: var(--ct-dark);
  --ct-topbar-item-hover-color: var(--ct-primary);
  --ct-topbar-search-bg: var(--ct-body-bg);
  --ct-topbar-user-bg: var(--ct-topbar-bg);
  --ct-topbar-user-border: var(--ct-topbar-bg);

  --bs-primary: var(--ct-primary);
  --bs-primary-rgb: var(--ct-primary-rgb);
  --bs-secondary: var(--ct-secondary);
  --bs-secondary-rgb: var(--ct-secondary-rgb);
  --bs-primary-text-emphasis: var(--ct-primary-text-emphasis);
  --bs-secondary-text-emphasis: var(--ct-secondary-text-emphasis);
  --bs-primary-bg-subtle: var(--ct-primary-bg-subtle);
  --bs-secondary-bg-subtle: var(--ct-secondary-bg-subtle);
  --bs-primary-border-subtle: var(--ct-primary-border-subtle);
  --bs-secondary-border-subtle: var(--ct-secondary-border-subtle); 
  --bs-secondary-color: var(--ct-secondary-color);
  --bs-secondary-color-rgb: var(--ct-secondary-color-rgb);
  --bs-secondary-bg: var(--ct-secondary-bg);
  --bs-secondary-bg-rgb: var(--ct-secondary-bg-rgb);
  --bs-tertiary-color: var(--ct-tertiary-color);
  --bs-tertiary-color-rgb: var(--ct-tertiary-color-rgb);
  --bs-tertiary-bg: var(--ct-tertiary-bg);
  --bs-tertiary-bg-rgb: var(--ct-tertiary-bg-rgb);
  --bs-body-font-size: var(--ct-body-font-size);
  --bs-link-color: var(--ct-link-color);
  --bs-link-color-rgb: var(--ct-link-color-rgb);
  --bs-link-hover-color: var(--ct-link-hover-color);
  --bs-link-hover-color-rgb: var(--ct-link-hover-color-rgb);
  --bs-focus-ring-color: var(--ct-focus-ring-color);
  --bs-body-color: var(--ct-body-color);
  --bs-body-color-rgb: var(--ct-body-color-rgb);
  --bs-body-bg: var(--ct-body-bg);
  --bs-body-bg-rgb: var(--ct-body-bg-rgb);
  --bs-light: var(--ct-light);
  --bs-light-rgb: var(--ct-light-rgb);
  --bs-light-text-emphasis: var(--ct-light-text-emphasis); 
  --bs-light-bg-subtle: var(--ct-light-bg-subtle);
  --bs-light-border-subtle: var(--ct-light-border-subtle);
  --bs-dark: var(--ct-dark);
  --bs-dark-rgb: var(--ct-dark-rgb);
  --bs-dark-text-emphasis: var(--ct-dark-text-emphasis);
  --bs-dark-bg-subtle: var(--ct-dark-bg-subtle);
  --bs-dark-border-subtle: var(--ct-dark-border-subtle);
}
