/* src/styles/main.css */
:root {
    --primary-deep-blue: #1d3557;
    --secondary-off-white: #f8f7f4;
    --accent-matte-gold: #c9a227;
    --text-main-charcoal: #343a40;
    --text-headings-blue: #1d3557;
}
html {
    scroll-behavior: smooth;
    height: 100%; /* Ensure html takes full viewport height */
}
body {
    margin: 0;
    font-family: 'Lato', sans-serif;
    background-color: var(--secondary-off-white);
    color: var(--text-main-charcoal);
    line-height: 1.6;
    height: 100%; /* Ensure body takes full viewport height */
    overflow-y: scroll; /* Ensure body is always scrollable */
    padding-top: 5rem; /* Add padding to account for fixed header */
}
h1, h2, h3, h4, h5, h6 {
    font-family: 'Lora', serif;
    color: var(--text-headings-blue);
    font-weight: 600;
}
.container {
    max-width: 1200px;
    margin: 0 auto;
    padding: 0 1.5rem;
}

/* ===== POLISHING PASS: STEP 9.1 & 9.3 ===== */
/* Add smooth transitions to all interactive elements */
a,
button,
.practice-card,
.article-card {
  transition: all 0.3s ease-in-out;
}

/* Increase "breathing room" between sections */
main > section {
    padding: 5rem 0; /* Increased from 4rem for more vertical space */
}

/* Fix for sticky header scroll offset */
section[id] {
    scroll-margin-top: 80px; 
}