.required:after {
    color: #ff2605;
    content: "  *";
}

.required_asterik:after {
    color: #ff2605;
    content: "  *";
}

/* =====================================================================
   Brand primary — TanTrace brand copper-brown
   Overrides the template primary. Loaded after all.min.css
   so it wins without touching the compiled theme.
   ===================================================================== */
:root,
[data-color-theme="light"],
[data-color-theme="dark"] {
    --primary: #8B5A3C;
    --primary-rgb: 139, 90, 60;
    --component-active-bg: #8B5A3C;
    --component-active-bg-rgb: 139, 90, 60;
    --focus-ring-box-shadow: 0 0 0 0.125rem rgba(139, 90, 60, 0.25);
}

.btn-primary {
    --btn-bg: #8B5A3C;
    --btn-border-color: #8B5A3C;
    --btn-hover-bg: #6F4630;
    --btn-hover-border-color: #6F4630;
    --btn-active-bg: #5C3A28;
    --btn-active-border-color: #5C3A28;
    --btn-disabled-bg: #8B5A3C;
    --btn-disabled-border-color: #8B5A3C;
    --btn-focus-shadow-rgb: 139, 90, 60;
}

.link-primary {
    color: #8B5A3C !important;
}

/* Keep the -primary utilities orange in the dark theme too (theme lightens
   them to a blue tint otherwise). */
[data-color-theme="dark"] .text-primary,
[data-color-theme="dark"] .bg-primary,
[data-color-theme="dark"] .border-primary,
[data-color-theme="dark"] .link-primary {
    --primary-rgb: 139, 90, 60;
}

[data-color-theme="dark"] .link-primary {
    color: #8B5A3C !important;
}