/* ==========================================================================
   RRC GLOBAL STYLES (core.css)
   ========================================================================== */

/* --- 1. Typography & Readability --- */
@import url('https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700&display=swap');

body {
    font-family: 'Inter', sans-serif;
    background-color: #ffffff; /* Reverted to pure white so JPG logos blend in */
    color: #333333; /* Dark gray for general readability */
}

/* Headings get the brand teal (No !important, allowing the footer to override) */
h1, h2, h3, h4, h5, h6 {
    color: rgb(0, 128, 128);
    font-weight: 700;
}

/* Better line-height for paragraphs, lists, and addresses */
p, li, address {
    line-height: 1.7;
}

/* --- 2. Footer Protection --- */
/* Explicitly forcing all text inside the footer to be white to prevent any clashes */
footer, #footer, footer *, #footer * {
    color: #ffffff !important;
}

/* --- 3. Global Utilities & Micro-Interactions --- */

/*
  The Hover Lift: Add this class ONLY to container <div>s or cards.
  Avoid adding it directly to transparent PNGs, as shadows on transparent images
  can render strangely.
*/
.hover-lift {
    transition: transform 0.2s ease-in-out, box-shadow 0.2s ease-in-out;
    border-radius: 12px;
    background-color: #ffffff; /* Ensures shadows render cleanly */
    padding: 15px; /* Gives the content some breathing room inside the shadow */
}

.hover-lift:hover {
    transform: translateY(-5px);
    box-shadow: 0 .5rem 1rem rgba(0,0,0,.15);
}

/* Standardized standalone links */
main a:not(.btn), section a:not(.btn) {
    transition: color 0.2s ease-in-out;
}

main a:hover:not(.btn), section a:hover:not(.btn) {
    color: rgb(0, 204, 204);
    text-decoration: none;
}