:root {
    --color-primary: #ea580c;
    --color-accent: #f97316;
    --color-primary-50: #fdf6f2;
    --color-primary-100: #fceee6;
    --color-primary-600: #bb4609;
    --color-primary-700: #a33d08;
    --color-accent-500: #f97316;
}
.bg-brand-600 { background-color: var(--color-primary) !important; }
.bg-brand-700 { background-color: var(--color-primary-700) !important; }
.bg-brand-50 { background-color: var(--color-primary-50) !important; }
.bg-brand-100 { background-color: var(--color-primary-100) !important; }
.text-brand-600 { color: var(--color-primary) !important; }
.text-brand-700 { color: var(--color-primary-700) !important; }
.text-brand-800 { color: var(--color-primary-700) !important; }
.border-brand-500 { border-color: var(--color-accent-500) !important; }
.focus\:ring-brand-500:focus { --tw-ring-color: var(--color-accent-500) !important; }
.focus\:border-brand-500:focus { border-color: var(--color-accent-500) !important; }
.hover\:bg-brand-700:hover { background-color: var(--color-primary-700) !important; }
.hover\:text-brand-600:hover { color: var(--color-primary-600) !important; }
.btn-primary { background-color: var(--color-primary) !important; border-color: var(--color-primary) !important; }
.btn-primary:hover { background-color: var(--color-primary-700) !important; border-color: var(--color-primary-700) !important; }
.form-input:focus { border-color: var(--color-accent-500) !important; --tw-ring-color: var(--color-accent-500) !important; }
.kds-new-order { animation: pulse-border 2s infinite; --pulse-color: var(--color-accent-500); }