/* Brand Colors - Yellow palette (matches frontend, tuned for light backend) */
:root {
    --color-brand-darkest: #713f12;
    --color-brand-dark: #422006;
    --color-brand-primary: #ca8a04;
    --color-brand-secondary: #a16207;
    --color-brand-light: #fefce8;
    --color-text-primary: #1F2937;
    --color-text-secondary: #6B7280;
}

/* Background Colors */
.bg-brand-darkest { background-color: var(--color-brand-darkest); }
.bg-brand-dark { background-color: var(--color-brand-dark); }
.bg-brand-primary { background-color: var(--color-brand-primary); }
.bg-brand-secondary { background-color: var(--color-brand-secondary); }
.bg-brand-light { background-color: var(--color-brand-light); }

/* Text Colors */
.text-brand-dark { color: var(--color-brand-dark); }
.text-brand-primary { color: var(--color-brand-primary); }
.text-brand-secondary { color: var(--color-brand-secondary); }
.text-text-primary { color: var(--color-text-primary); }
.text-text-secondary { color: var(--color-text-secondary); }

/* Hover States */
.hover\:bg-brand-dark:hover { background-color: var(--color-brand-dark); }
.hover\:bg-brand-primary:hover { background-color: var(--color-brand-primary); }
.hover\:bg-brand-secondary:hover { background-color: var(--color-brand-secondary); }

.hover\:text-brand-primary:hover { color: var(--color-brand-primary); }
.hover\:text-brand-secondary:hover { color: var(--color-brand-secondary); }

/* Focus States */
.focus\:ring-brand-primary:focus { --tw-ring-color: var(--color-brand-primary); }
.focus-visible\:outline-brand-primary:focus-visible { outline-color: var(--color-brand-primary); }

/* Border Colors */
.border-brand-primary { border-color: var(--color-brand-primary); }