/* Primary color variables */
:root {
  --color-primary: #CBA135;
  --color-primary-content: #ffffff;
  --color-primary-gradient-from: #cb6f35;
  --color-primary-gradient-to: #CBA135;
  --color-primary-gradient-button-from: #cb6f35;
  --color-primary-gradient-button-to: #CBA135;
  --color-primary-gradient-hover-from: #b7642f;
  --color-primary-gradient-hover-to: #b7912f;
  --color-primary-button: #CBA135;
  --color-primary-button-hover: #a3812a;
  --color-primary-button-content: #ffffff;
  --opacity-primary-content: 0.2;
  --color-primary-focus: #b7642f;
  --color-secondary-focus: #524115;
}

/* Background gradients */
.bg-primary-gradient { background: linear-gradient(80deg, var(--color-primary-gradient-from), var(--color-primary-gradient-to) 130%) !important; }
.bg-primary-gradient-hover:hover { background: linear-gradient(80deg, var(--color-primary-gradient-hover-from), var(--color-primary-gradient-hover-to) 130%) !important; }

/* Text colors */
.text-primary-content { color: var(--color-primary-content) !important; }

/* UnoCSS Class Definitions */
.h-full { height: 100% !important; }
.w-full { width: 100% !important; }
.relative { position: relative !important; }
.flex { display: flex !important; }
.justify-end { justify-content: flex-end !important; }
.border-rounded-full, .rounded-full { border-radius: 9999px !important; }
.group:hover .group-hover\:scale-115 { transform: scale(1.15) !important; }
.flex-center { display: flex !important; align-items: center !important; justify-content: center !important; }
.whitespace-nowrap { white-space: nowrap !important; }
.pl-4 { padding-left: 1rem !important; }
.pr-1 { padding-right: 0.25rem !important; }
.p-1 { padding: 0.25rem !important; }
.w-12 { width: 3rem !important; }
.h-12 { height: 3rem !important; }
.bg-white { background-color: #ffffff !important; }
.bg-opacity-10 { --un-bg-opacity: 0.1 !important; background-color: rgba(255, 255, 255, var(--un-bg-opacity)) !important; }
.transform { transform: translate(var(--un-translate-x)) translateY(var(--un-translate-y)) translateZ(var(--un-translate-z)) rotate(var(--un-rotate)) rotateX(var(--un-rotate-x)) rotateY(var(--un-rotate-y)) rotate(var(--un-rotate-z)) skew(var(--un-skew-x)) skewY(var(--un-skew-y)) scaleX(var(--un-scale-x)) scaleY(var(--un-scale-y)) scaleZ(var(--un-scale-z)) !important; }
.transition-transform { transition-property: transform !important; transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1) !important; transition-duration: 0.15s !important; }
.duration-300 { transition-duration: 0.3s !important; }
.cursor-pointer { cursor: pointer !important; }
.overflow-hidden { overflow: hidden !important; }
.content-focus:focus-visible { outline-width: 2px !important; outline-color: var(--color-primary-focus) !important; outline-offset: -5px !important; outline-style: solid !important; }
.content-focus-secondary:focus-visible { outline-width: 2px !important; outline-color: var(--color-secondary-focus) !important; outline-offset: -5px !important; outline-style: solid !important; }