/*
 * FoundFlight Professional Design
 * Reversible presentation-only layer.
 */

:root {
    --ff-brand: #5424a6;
    --ff-brand-hover: #421b85;
    --ff-text: #172033;
    --ff-muted: #64748b;
    --ff-border: #dce2ea;
    --ff-surface: #ffffff;
    --ff-background: #f5f7fa;
}

body {
    background-color: var(--ff-background);
    color: var(--ff-text);
}

/* Remove decorative gradients */
[class*="bg-gradient-to-"] {
    background-image: none !important;
    background-color: var(--ff-brand) !important;
}

/* Normalize Tailwind rounded utilities */
.rounded-full,
.rounded-3xl,
.rounded-2xl,
.rounded-xl,
.rounded-lg {
    border-radius: 5px !important;
}

/* Keep circular functional elements circular */
input[type="radio"],
input[type="checkbox"] {
    accent-color: var(--ff-brand);
}

/* Buttons and links styled as buttons */
button,
input[type="submit"],
input[type="button"],
a[class*="bg-brand-"],
a[class*="bg-purple-"],
a[class*="bg-violet-"] {
    border-radius: 5px !important;
    box-shadow: none !important;
}

/* Form controls */
input:not([type="radio"]):not([type="checkbox"]),
select,
textarea {
    border-radius: 5px !important;
    box-shadow: none;
}

input:focus-visible,
select:focus-visible,
textarea:focus-visible,
button:focus-visible,
a:focus-visible {
    outline: 2px solid var(--ff-brand);
    outline-offset: 2px;
}

/* Remove oversized decorative shadows */
.shadow-xl,
.shadow-2xl,
.shadow-lg,
.shadow-md {
    box-shadow: 0 1px 3px rgba(15, 23, 42, .07) !important;
}

/* Neutralize decorative purple surfaces */
.bg-purple-50,
.bg-violet-50,
.bg-brand-50 {
    background-color: #f7f8fa !important;
}

/* Neutralize decorative green fare backgrounds */
.bg-emerald-50,
.bg-green-50 {
    background-color: #f3f8f6 !important;
}

/* Consistent card boundaries */
[class*="border-slate-200"] {
    border-color: var(--ff-border);
}

/* Preserve primary brand buttons */
.bg-brand-600,
.bg-purple-600,
.bg-violet-600 {
    background-color: var(--ff-brand) !important;
}

.bg-brand-600:hover,
.bg-purple-600:hover,
.bg-violet-600:hover {
    background-color: var(--ff-brand-hover) !important;
}

/* Avoid oversized pricing on smaller screens */
@media (max-width: 640px) {
    .text-5xl {
        font-size: 2.25rem;
        line-height: 1.12;
    }
}

@media (prefers-reduced-motion: reduce) {
    html {
        scroll-behavior: auto;
    }
}


/* FoundFlight Professional Refinement v2 */

/* Restrained corporate color palette */
:root {
    --ff-brand: #432477;
    --ff-brand-hover: #321a5b;
    --ff-success: #087f62;
}

/* Neutralize excessive colored panels */
.bg-emerald-50,
.bg-green-50,
.bg-purple-50,
.bg-violet-50,
.bg-brand-50 {
    background-color: #ffffff !important;
}

/* Remove decorative borders from cards */
.border-emerald-200,
.border-green-200,
.border-purple-200,
.border-violet-200 {
    border-color: #dce2ea !important;
}

/* Remove large shadows */
.shadow-lg,
.shadow-xl,
.shadow-2xl {
    box-shadow: 0 1px 3px rgba(15,23,42,.05) !important;
}

/* Professional controls */
button,
select,
textarea,
input,
a[class*="rounded-"] {
    border-radius: 4px !important;
}

/* Smaller, quieter labels */
span.rounded-full {
    border-radius: 3px !important;
    box-shadow: none !important;
}

/* Standardized pricing typography */
.text-5xl {
    font-size: 2.25rem !important;
    line-height: 1.15 !important;
}

.text-4xl {
    font-size: 1.875rem !important;
    line-height: 1.2 !important;
}

/* Reduce unnecessary decorative outlines */
.ring-emerald-200,
.ring-green-200,
.ring-purple-200 {
    --tw-ring-color: #dce2ea !important;
}

/* Remove purple glow effects */
[class*="shadow-purple-"],
[class*="shadow-violet-"],
[class*="shadow-brand-"] {
    --tw-shadow-color: transparent !important;
}

/* Keep actionable controls distinguishable */
button:focus-visible,
a:focus-visible,
input:focus-visible,
select:focus-visible {
    outline: 2px solid #432477 !important;
    outline-offset: 2px;
}
