:root {
    --compraol-blue: #078DCC;
    --compraol-dark: #242424;
    --compraol-soft: #F5FAFD;
    --compraol-light: #E8F6FC;
}

html {
    scroll-behavior: smooth;
}

body {
    font-family: system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
}

.bg-travel-gradient {
    background:
        radial-gradient(circle at top left, rgba(7, 141, 204, 0.16), transparent 35%),
        linear-gradient(180deg, #ffffff 0%, #f5fafd 100%);
}

.card-soft {
    background: rgba(255,255,255,0.88);
    border: 1px solid rgba(7,141,204,0.10);
    box-shadow: 0 20px 50px rgba(15, 23, 42, 0.08);
}