@import url('https://cdnjs.cloudflare.com/ajax/libs/font-awesome/7.0.1/css/all.min.css');

:root {
  --primary-color: #0F0766; /* Deep blue */
  --secondary-color: #D01257; /* Raspberry */
  --accent-color: #3498DB; /* Bright blue */
  --light-color: #F1C40F; /* Sunflower */
  --dark-color: #0F1021; /* Midnight black */
  --gradient-primary: linear-gradient(135deg, #0F0766 0%, #D01257 100%);
  --hover-color: #344CB7;
  --background-color: #F2F2F2;
  --text-color: #2C3E50;
  --border-color: rgba(15, 7, 102, 0.1);
  --divider-color: rgba(255, 255, 255, 0.1);
  --shadow-color: rgba(15, 16, 33, 0.15);
  --highlight-color: #FFEB00; /* Yellow */
  --main-font: 'Montserrat', sans-serif;
  --alt-font: 'Poppins', sans-serif;
}

/* Neuromorphism classes */
.neu-card {
    background: #ffffff;
    box-shadow: 20px 20px 60px #d9d9d9, -20px -20px 60px #ffffff;
    border-radius: 15px;
}

.neu-button {
    box-shadow: 5px 5px 10px #bebebe, -5px -5px 10px #ffffff;
}

/* Responsive Header logic */
#nav-check {
    display: none;
}

@media (max-width: 768px) {
    .navigation {
        display: none;
    }
    #nav-check:checked ~ .navigation {
        display: block;
    }
    #hero h1 {
        font-size: 2.5rem !important;
    }
}

/* Custom UI elements */
input, textarea {
    box-shadow: inset 2px 2px 5px #e0e0e0, inset -2px -2px 5px #ffffff;
}

.hover-lift:hover {
    transform: translateY(-5px);
    transition: transform 0.3s ease;
}