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

:root {
  /* Colors: #E67E22 (Orange), #D35400 (Dark Orange), #2C3E50 (Dark Blue), #ECF0F1 (Light Gray) */
  --primary-color: #E67E22;
  --secondary-color: #D35400;
  --accent-color: #2C3E50;
  --light-color: #ECF0F1;
  --dark-color: #1a252f;
  
  --gradient-primary: linear-gradient(135deg, #E67E22 0%, #D35400 100%);
  --hover-color: #d68910;
  --background-color: #ffffff;
  --text-color: #34495e;
  --border-color: rgba(230, 126, 34, 0.3);
  --shadow-color: rgba(44, 62, 80, 0.1);
  --highlight-color: #3498DB; /* Blue for highlights */
  
  /* Fonts */
  --main-font: 'Nunito', sans-serif;
  --alt-font: 'Work Sans', sans-serif;
}

html {
    scroll-behavior: smooth;
}

/* Light Neuromorphism / Soft UI */
.neu-box {
    background: #ffffff;
    box-shadow: 8px 8px 16px rgba(0,0,0,0.05), 
               -8px -8px 16px rgba(255,255,255,0.8);
    transition: all 0.3s ease;
    border: 1px solid rgba(230, 126, 34, 0.1);
}
.neu-box:hover {
    transform: translateY(-5px);
    box-shadow: 12px 12px 20px rgba(0,0,0,0.08), 
               -12px -12px 20px rgba(255,255,255,0.9);
}

.neu-image-wrapper {
    box-shadow: inset 5px 5px 10px rgba(0,0,0,0.05), 
               inset -5px -5px 10px rgba(255,255,255,0.8);
}

/* Backgrounds */
.hero-wrap {
    min-height: 75vh;
    background: url('./img/bg.jpg') no-repeat center center/cover;
}

.cta-fixed {
    background: linear-gradient(rgba(44, 62, 80, 0.85), rgba(44, 62, 80, 0.85)), url('./img/bg.jpg') no-repeat center center;
    background-attachment: fixed;
    background-size: cover;
}

/* Mobile Menu Logic (No JS) */
#mobile-nav:checked ~ .navigation {
    display: flex;
}