:root {
    --color-primary: #696363;
    --color-secondary: #000000;
    --color-accent: #82A5BA;
    --color-highlight: #393E46;
}

/* Helper classes for utility usage */
.text-brand-primary { color: var(--color-primary) !important; }
.bg-brand-primary { background-color: var(--color-primary) !important; }
.border-brand-primary { border-color: var(--color-primary) !important; }

.text-brand-secondary { color: var(--color-secondary) !important; }
.bg-brand-secondary { background-color: var(--color-secondary) !important; }
.border-brand-secondary { border-color: var(--color-secondary) !important; }

.text-brand-accent { color: var(--color-accent) !important; }
.bg-brand-accent { background-color: var(--color-accent) !important; }
.border-brand-accent { border-color: var(--color-accent) !important; }

.text-brand-highlight { color: var(--color-highlight) !important; }
.bg-brand-highlight { background-color: var(--color-highlight) !important; }
.border-brand-highlight { border-color: var(--color-highlight) !important; }