/* GoSafar India — Goibibo-inspired theme */
:root {
    --font-display: 'Roboto', system-ui, sans-serif;
    --font-body: 'Roboto', system-ui, sans-serif;

    /* Brand orange — matched to logo */
    --brand: #EA881D;
    --brand-hover: #D87C15;
    --brand-dark: #A86215;
    --brand-light: #FDF5ED;
    --brand-rgb: 234, 136, 29;

    /* Blue accent (links, secondary) */
    --gold: #2276E3;
    --gold-hover: #1A65C7;
    --gold-light: #E8F2FD;
    --accent: #2276E3;
    --accent-light: #D6E8FC;
    --accent-pink: #EA881D;

    /* Offer / highlight red */
    --offer: #EE3E34;
    --offer-light: #FFEBEA;

    /* Neutrals */
    --navy: #1B2B4B;
    --navy-light: #2A4070;
    --charcoal: #141823;
    --charcoal-soft: #3D4451;
    --white: #ffffff;
    --bg-page: #F5F6F8;
    --gray-50: #F8F9FA;
    --gray-100: #EEF0F2;
    --gray-200: #E2E6EA;
    --gray-300: #C5CBD3;
    --gray-600: #64748B;
    --sky: #2276E3;

    --radius-sm: 8px;
    --radius-md: 12px;
    --radius-lg: 16px;
    --radius-xl: 20px;
    --radius-pill: 999px;

    --shadow-sm: 0 1px 3px rgba(20, 24, 35, 0.06), 0 1px 2px rgba(20, 24, 35, 0.04);
    --shadow-md: 0 8px 24px rgba(20, 24, 35, 0.08);
    --shadow-lg: 0 12px 32px rgba(20, 24, 35, 0.1);
    --shadow-search: 0 4px 16px rgba(20, 24, 35, 0.08);
    --shadow-brand: 0 4px 14px rgba(var(--brand-rgb), 0.35);

    --book-btn: #EA881D;
    --book-btn-hover: #D87C15;
    --shadow-book: 0 4px 12px rgba(var(--brand-rgb), 0.3);
}

body {
    font-family: var(--font-body);
    color: var(--charcoal-soft);
    background: var(--bg-page);
    -webkit-font-smoothing: antialiased;
}

h1, h2, h3, h4, h5, h6,
.font-serif, .section-title, .top-picks-title,
.navbar-brand-text, .footer-brand {
    font-family: var(--font-display);
    letter-spacing: -0.02em;
    color: var(--charcoal);
}

::selection {
    background: var(--brand-light);
    color: var(--brand-dark);
}

::-webkit-scrollbar-thumb {
    background: var(--brand);
    border-radius: 10px;
}

::-webkit-scrollbar-track {
    background: var(--gray-100);
}

a {
    color: var(--gold);
}
a:hover {
    color: var(--gold-hover);
}

.text-gold,
.text-brand {
    color: var(--brand) !important;
}

.breadcrumb-item.active {
    color: var(--gray-600);
}

.breadcrumb-item a {
    color: var(--gold) !important;
}