body {
    font-family: Inter, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
}

/* Shared Customer attention/warning accent. Teal remains the primary action color. */
:root {
    --dara-primary: #21c1e7;
    --dara-navy: #12385a;
    --text-primary: var(--dara-navy);
    --icon-default: var(--dara-navy);
    --text-secondary: #38546c;
    --mango-gold: #e0a82e;
    --mango-gold-dark: #a56a00;
    --mango-gold-soft: #fff4d6;
    --mango-gold-border: #f2c66d;
}

/* Shared Customer baseline. Semantic states retain their dedicated colors. */
.text-on-surface,
.text-on-background {
    color: var(--text-primary) !important;
}

.text-on-surface-variant {
    color: var(--text-secondary) !important;
}

.text-tertiary,
.text-tertiary-container,
.text-warm-gold {
    color: var(--mango-gold-dark) !important;
}

.bg-tertiary,
.bg-tertiary-container,
.bg-tertiary-fixed-dim,
.bg-warm-gold {
    background-color: var(--mango-gold) !important;
}

.bg-tertiary-fixed,
.bg-soft-beige {
    background-color: var(--mango-gold-soft) !important;
}

.border-tertiary,
.border-tertiary-container,
.border-warm-gold {
    border-color: var(--mango-gold-border) !important;
}

.text-on-tertiary,
.text-on-tertiary-container,
.text-on-tertiary-fixed,
.text-on-tertiary-fixed-variant {
    color: var(--mango-gold-dark) !important;
}

[class~="bg-tertiary-container/10"],
[class~="bg-tertiary-container/20"],
[class~="bg-tertiary-container/30"],
[class~="bg-tertiary-fixed/40"] {
    background-color: color-mix(in srgb, var(--mango-gold-soft) 80%, transparent) !important;
}

[class~="border-tertiary/20"],
[class~="border-tertiary-container/30"] {
    border-color: color-mix(in srgb, var(--mango-gold-border) 70%, transparent) !important;
}