/* Custom CSS for StayPlot.com */

/* 1. Import Google Font - Sophisticated and readable */
@import url('https://fonts.googleapis.com/css2?family=Poppins:wght@300;400;600;700&display=swap');

:root {
    /* Premium Brand Colors */
    --stayplot-primary: #007bff; /* A nice, deep blue */
    --stayplot-secondary: #6c757d; /* Standard secondary */
    --stayplot-light: #f8f9fa;
    --stayplot-dark: #212529;

    /* The Premium Gradient (Light Blue to a very subtle Green/Aqua) */
    --stayplot-gradient: linear-gradient(135deg, #e3f2fd 0%, #e0f7fa 100%);

    /* Gradient for Buttons/Accents */
    --stayplot-accent-gradient: linear-gradient(45deg, #007bff, #0056b3);

    /* Fonts */
    --bs-font-sans-serif: 'Poppins', sans-serif;
}

body {
    background-color: var(--stayplot-light);
    font-family: var(--bs-font-sans-serif);
    color: var(--stayplot-dark);
}

/* Custom Hero Section Background */
.hero-section {
    background: var(--stayplot-gradient);
    padding: 6rem 0;
    border-bottom: 5px solid rgba(0, 0, 0, 0.05); /* Subtle separation */
}

/* Premium Card Styling */
.service-card {
    border: none;
    border-radius: 1rem;
    overflow: hidden;
    box-shadow: 0 10px 30px rgba(0, 0, 0, 0.08); /* Soft, professional shadow */
    transition: transform 0.3s ease-in-out, box-shadow 0.3s ease-in-out;
}

.service-card:hover {
    transform: translateY(-5px); /* Lift on hover */
    box-shadow: 0 15px 40px rgba(0, 0, 0, 0.15);
}

/* Button Gradient Style */
.btn-premium {
    background: var(--stayplot-accent-gradient);
    border: none;
    color: white;
    padding: 0.75rem 2rem;
    border-radius: 0.5rem;
    font-weight: 600;
    transition: all 0.3s;
}

.btn-premium:hover {
    background: var(--stayplot-primary); /* Simple color on hover */
    box-shadow: 0 5px 15px rgba(0, 123, 255, 0.4);
    color: white;
}

/* Navbar Customization */
.navbar-light .navbar-brand {
    font-weight: 700;
    color: var(--stayplot-primary) !important;
    font-size: 1.5rem;
}

/* Footer Styling */
footer {
    background-color: var(--stayplot-dark);
    color: #adb5bd;
    padding: 3rem 0;
}