/**
 * Pageasy - Global Styles
 * General styles used across the entire application
 */

/* ============================================
   CSS Variables
   ============================================ */
:root {
    --navbar-height: 70px; /* fallback, JS will calculate actual height */
}

/* ============================================
   Base Styles
   ============================================ */
html {
    scroll-behavior: smooth;
}

body {
    padding-top: 0;
}

.phone-link {
  text-decoration: none;
  color: inherit;
}

/* ============================================
   Section Styles
   ============================================ */
section {
    scroll-margin-top: var(--navbar-height);
}

/* ============================================
   Responsive Adjustments
   ============================================ */
@media (max-width: 767.98px) {
    .about-section.py-5,
    .contact-section.py-5,
    .bio-section.py-5 {
        padding-top: 1.5rem !important;
        padding-bottom: 1.5rem !important;
    }
}