/* TravPage — website color themes (applied on .tp-public via data-theme) */

.tp-public[data-theme="sky"],
.auth-shell[data-theme="sky"] {
    --tp-theme-color: #0ea5e9;
}

.tp-public[data-theme="crimson"],
.auth-shell[data-theme="crimson"] {
    --tp-sky: #c41e3a;
    --tp-sky-dark: #9b1b30;
    --tp-sky-light: #fce8ec;
    --tp-sky-bright: #e8364f;

    --tp-green: #c41e3a;
    --tp-green-dark: #7f1d1d;
    --tp-green-light: #fce8ec;
    --tp-green-bright: #e8364f;

    --tp-teal: #7f1d1d;
    --tp-teal-light: #fef2f2;

    --tp-gradient: linear-gradient(135deg, #7f1d1d 0%, #c41e3a 55%, #9b1b30 100%);
    --tp-gradient-warm: linear-gradient(135deg, #fecaca 0%, #c41e3a 50%, #7f1d1d 100%);
    --tp-gradient-hero: linear-gradient(120deg, rgba(8, 8, 8, 0.92) 0%, rgba(8, 8, 8, 0.6) 55%, rgba(155, 27, 48, 0.35) 100%);
    --tp-gradient-promo: linear-gradient(135deg, rgba(127, 29, 29, 0.92) 0%, rgba(196, 30, 58, 0.88) 50%, rgba(155, 27, 48, 0.85) 100%);
    --tp-gradient-cta-dark: linear-gradient(135deg, #0a0a0a 0%, #1a1a1a 55%, #450a0a 100%);
    --tp-gradient-dest-strip: linear-gradient(180deg, #fafafa 0%, #fce8ec 40%, #ffffff 100%);
    --tp-scroll-track: rgba(196, 30, 58, 0.12);

    --tp-shadow: 0 8px 30px rgba(155, 27, 48, 0.18);
    --tp-shadow-lg: 0 24px 60px rgba(155, 27, 48, 0.22);

    --tp-yellow: #ffffff;
    --tp-yellow-light: #fef2f2;
    --tp-yellow-warm: #fafafa;

    --tp-theme-color: #c41e3a;
}

/* ── Global theme overrides ── */
.tp-public[data-theme="crimson"] .tp-btn--primary {
    box-shadow: 0 4px 16px rgba(155, 27, 48, 0.35);
}

.tp-public[data-theme="crimson"] .tp-founder__img {
    border-color: #ffffff;
}

.tp-public[data-theme="crimson"] .tp-form-control:focus {
    border-color: var(--tp-sky-dark);
    box-shadow: 0 0 0 4px rgba(196, 30, 58, 0.12);
}

.tp-public[data-theme="crimson"] .tp-page-hero::before {
    background:
        radial-gradient(circle at 15% 50%, rgba(255, 255, 255, 0.08) 0%, transparent 45%),
        radial-gradient(circle at 85% 30%, rgba(0, 0, 0, 0.18) 0%, transparent 40%);
}

.tp-public[data-theme="crimson"] .tp-section--sky {
    background: linear-gradient(180deg, var(--tp-teal-light) 0%, var(--tp-white) 100%);
}

.tp-public[data-theme="crimson"] .tp-section--green {
    background: linear-gradient(160deg, var(--tp-green-light) 0%, #fafafa 50%, var(--tp-yellow-warm) 100%);
}

.tp-public[data-theme="crimson"] .tp-newsletter {
    background: var(--tp-gradient);
}

.tp-public[data-theme="crimson"] .tp-cta-dark::before {
    background: radial-gradient(circle, rgba(196, 30, 58, 0.25) 0%, transparent 70%);
}

/* Modern + Crimson — refined professional palette */
.tp-public[data-theme="crimson"][data-layout="modern"] .tp-nav--hero:not(.tp-nav--solid):not([data-scrolled="true"]) {
    background: transparent !important;
    box-shadow: none;
    border-bottom: none;
}

.tp-public[data-theme="crimson"][data-layout="modern"] .tp-hero__search-btn,
.tp-public[data-theme="crimson"][data-layout="modern"] .tp-hero__search-btn:hover {
    background: var(--tp-sky-dark);
    background-image: none;
}

.tp-public[data-theme="crimson"][data-layout="modern"] .tp-hero__accent {
    color: #f5d078;
}

.tp-public[data-theme="crimson"][data-layout="modern"] .tp-trust-bar {
    background: var(--tp-black);
}

.tp-public[data-theme="crimson"][data-layout="modern"] .tp-founder {
    background: linear-gradient(135deg, #0a0a0a 0%, #171717 50%, #450a0a 100%);
}

.tp-public[data-theme="crimson"][data-layout="modern"] .tp-btn--outline {
    border-color: var(--tp-gray-200);
    color: var(--tp-navy);
}

.tp-public[data-theme="crimson"][data-layout="modern"] .tp-btn--outline:hover {
    border-color: var(--tp-sky-dark);
    color: var(--tp-sky-dark);
    background: var(--tp-sky-light);
}

.tp-public[data-theme="crimson"][data-layout="modern"] .tp-nav--solid .tp-nav__cta.tp-btn--outline,
.tp-public[data-theme="crimson"][data-layout="modern"] .tp-nav[data-scrolled="true"] .tp-nav__cta.tp-btn--outline {
    border-color: var(--tp-sky-dark);
    color: var(--tp-sky-dark);
}

/* Auth pages — match selected theme */
.auth-shell[data-theme="crimson"] .auth-page__headline span {
    color: #f5d078;
}

.auth-shell[data-theme="crimson"] .auth-page__brand {
    background:
        linear-gradient(145deg, rgba(8, 8, 8, 0.92) 0%, color-mix(in srgb, var(--tp-sky-dark) 55%, transparent) 100%),
        url('https://images.unsplash.com/photo-1469854523086-cc02fe5d8800?w=1200&q=80') center/cover;
}

.auth-shell[data-theme="crimson"] .auth-page__features i {
    color: #f5d078;
}