/* Nexa2 - Police principale avec toutes les variantes */

@font-face {
    font-family: 'Nexa';
    src: url("/font/nexa/Nexa Light.otf") format('opentype');
    font-weight: 300;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Nexa';
    src: url("/font/nexa/Nexa Bold.otf") format('opentype');
    font-weight: 700;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Nexa Text';
    src: url("/font/nexa2/nexatext-trial-regular.otf") format('opentype');
    font-weight: 400;
    font-style: normal;
    font-display: swap;
}

:root {
    --brand: #b91c1c;
    --brand-50: #fee2e2;
    --brand-100: #fecaca;
    --brand-600: #dc2626;
    --brand-700: #991b1b;
    --bg: #f8fafc;
    --surface: #ffffff;
    --text-1: #0f172a;
    --text-2: #475569;
    --border: #e2e8f0;
    --success: #16a34a;
    --warning: #f59e0b;
    --danger: #dc2626;

    /* Map client theme variables to our brand */
    --primary-color: var(--brand);
    --secondary-color: var(--brand-700);

    /* Elevation & shape */
    --radius: 14px;
    --radius-sm: 10px;
    --radius-lg: 18px;
    --shadow-1: 0 6px 20px rgba(0, 0, 0, 0.06);
    --shadow-2: 0 12px 28px rgba(0, 0, 0, 0.08);

    /* Fonts */
    --font-body: 'Nexa Text', 'Poppins', sans-serif;
    --font-heading: 'Nexa', 'Poppins', sans-serif;
}

body {
    font-family: var(--font-body) !important;
    color: var(--text-1);
    background-color: var(--bg);
}

h1,
h2,
h3,
h4,
h5,
h6 {
    font-family: var(--font-heading) !important;
    color: var(--text-1);
}

/* Modernize buttons */
.btn,
button,
.book-btn {
    border-radius: var(--radius-sm) !important;
    box-shadow: var(--shadow-1);
    transition: all 0.2s ease;
}

.btn:hover,
button:hover,
.book-btn:hover {
    box-shadow: var(--shadow-2);
    transform: translateY(-1px);
}

/* Modernize cards/sections if possible */
.tour-mig-like-com,
.hot-page2-alp-con-3,
.pack-3-box {
    border-radius: var(--radius) !important;
    box-shadow: var(--shadow-1) !important;
    border: 1px solid var(--border);
    background: var(--surface);
}

/* Navbar polish */
.nav {
    background: var(--surface) !important;
    border-bottom: 1px solid var(--border);
}

.nav-lhs a,
.nav-rhs i {
    color: var(--text-2) !important;
}

.nav-rhs .book-btn {
    background: var(--brand) !important;
}