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

:root {
  /* Family/Warm Theme: Orange/Red/Peach */
  --primary-color: #F39C12;
  --secondary-color: #E67E22;
  --accent-color: #D35400;
  --light-color: #FDF2E9;
  --dark-color: #5D4037;
  
  --gradient-primary: linear-gradient(135deg, #F1C40F 0%, #E67E22 100%);
  --hover-color: #D35400;
  --background-color: #FFF8F0;
  --text-color: #6E5C55;
  
  --border-color: rgba(230, 126, 34, 0.2);
  --divider-color: rgba(230, 126, 34, 0.1);
  --shadow-color: rgba(230, 126, 34, 0.15);
  --highlight-color: #C0392B;
  
  --main-font: 'Mitr', sans-serif;
  --alt-font: 'Sarabun', sans-serif;
}

body {
    font-family: var(--alt-font);
    background-color: var(--background-color);
    color: var(--text-color);
    line-height: 1.7;
}
h1, h2, h3 { font-family: var(--main-font); }

/* Logo override for light theme footer */
footer img[alt="logo"] {
    filter: none !important; /* Since footer is white */
}
header img[alt="logo"] {
    filter: none !important; /* Header is white */
}

/* Mobile Menu Family */
@media (max-width: 768px) {
    .nav-links {
        display: none;
        position: absolute;
        top: 100%; left: 0; width: 100%;
        background-color: white;
        padding: 20px;
        box-shadow: 0 4px 6px rgba(0,0,0,0.05);
        text-align: center;
    }
    .nav-links ul { flex-direction: column; gap: 1rem; }
    #nav-check:checked ~ .nav-links { display: block; }
}

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

/* Sections */
section {
    padding-top: 10vh;
    padding-bottom: 10vh;
}