@import url('https://fonts.googleapis.com/css2?family=Inter:wght@300;400;600;700&display=swap');

body {
    font-family: 'Inter', sans-serif;
    color: #334155; /* Slate color */
}

/* COLORS */
.text-danger { color: #9f1239 !important; } /* Rust/Clay */
.bg-danger { background-color: #9f1239 !important; }
.btn-danger {
    background-color: #9f1239;
    border: none;
}
.btn-danger:hover { background-color: #881337; }

/* HERO */
.hero-section {
    background: linear-gradient(rgba(0, 0, 0, 0.6), rgba(0, 0, 0, 0.6)), 
                url('../img/banner.jpg'); /* Rooftop image */
    background-size: cover;
    background-position: center;
    min-height: 75vh;
}

/* ICONS */
.icon-square {
    width: 70px;
    height: 70px;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 4px; /* Slight round */
}

/* CARDS */
.hover-up { transition: transform 0.2s; }
.hover-up:hover { transform: translateY(-5px); }