/* AudiForm brand overrides */
@import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@500;700;800&family=Fira+Sans:wght@500;700;800&display=swap');

:root {
    --audiform-primary: #4f8783;
    --audiform-primary-dark: #3f6d69;
    --audiform-primary-soft: #edf6f5;
    --audiform-primary-border: #bdd8d5;
    --audiform-primary-ring: rgba(79, 135, 131, 0.45);
    --audiform-brand-font: 'DM Sans', 'Fira Sans', 'Segoe UI', sans-serif;
}

.audiform-brand {
    font-family: var(--audiform-brand-font);
    font-weight: 700;
    letter-spacing: -0.01em;
}

h1,
h2,
h3,
h4,
h5,
h6,
.audiform-heading {
    font-family: var(--audiform-brand-font);
    letter-spacing: -0.01em;
}

h1,
h2,
h3 {
    font-weight: 700;
}

h4,
h5,
h6 {
    font-weight: 600;
}

label,
legend,
th,
summary,
.text-xs.uppercase,
.text-\[11px\].uppercase,
.audiform-subheading {
    font-family: var(--audiform-brand-font);
    font-weight: 600;
    letter-spacing: 0.01em;
}

/* Slightly stronger navigation/tab readability without changing layout */
nav button,
nav a {
    letter-spacing: 0.005em;
}

.text-indigo-600,
a.text-indigo-600 {
    color: var(--audiform-primary);
}

.text-indigo-700,
a.text-indigo-700 {
    color: var(--audiform-primary-dark);
}

.bg-indigo-50 {
    background-color: var(--audiform-primary-soft);
}

.bg-indigo-600 {
    background-color: var(--audiform-primary);
}

.border-indigo-200,
.border-indigo-300 {
    border-color: var(--audiform-primary-border);
}

.ring-indigo-500,
.focus\:ring-indigo-500:focus,
.focus-within\:ring-indigo-500:focus-within {
    --tw-ring-color: var(--audiform-primary-ring);
}

.hover\:bg-indigo-50:hover {
    background-color: #e3f0ef;
}

.hover\:bg-indigo-100:hover {
    background-color: #d6e9e7;
}

.hover\:bg-indigo-700:hover {
    background-color: var(--audiform-primary-dark);
}

html.dark .bg-indigo-50 {
    background-color: #173a37;
}

html.dark .text-indigo-600,
html.dark .text-indigo-700,
html.dark .text-indigo-800,
html.dark a.text-indigo-600,
html.dark a.text-indigo-700 {
    color: #83c3be;
}

html.dark .border-indigo-200,
html.dark .border-indigo-300,
html.dark .border-indigo-600 {
    border-color: #2f5d59;
}

html.dark .bg-indigo-600 {
    background-color: #326864;
}

html.dark .hover\:bg-indigo-700:hover {
    background-color: #2a5653;
}

html.dark .hover\:bg-indigo-50:hover {
    background-color: #1d4945;
}