/* Branding utilities (custom, not from Tailwind) */
:root{--main-color:#BBC863;--main-color-light:#d4e0a1;--main-color-dark:#a8b34f}
.bg-main{background-color:var(--main-color) !important}
.bg-main-light{background-color:var(--main-color-light) !important}
.bg-main-dark{background-color:var(--main-color-dark) !important}
.text-main{color:var(--main-color) !important}
.text-main-dark{color:var(--main-color-dark) !important}
.border-main{border-color:var(--main-color) !important}
.hover\:bg-main:hover{background-color:var(--main-color) !important}
.hover\:bg-main-dark:hover{background-color:var(--main-color-dark) !important}
.focus\:ring-main:focus{box-shadow:0 0 0 4px rgba(187,200,99,.18) !important; outline: none}
.focus\:ring-main:focus{box-shadow:0 0 0 4px rgba(187,200,99,.12) !important; outline: none}

/* Fallback utility to ensure .rounded-etc remain consistent (already in output.css) */
/* Add more custom utilities as needed */