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

:root {
  /* Colors: Greens and Earth Tones */
  --primary-color: #27AE60;
  --secondary-color: #5F6F52;
  --accent-color: #A9B388;
  --light-color: #F2F2F2;
  --dark-color: #192A26;
  
  --gradient-primary: linear-gradient(135deg, #5F6F52 0%, #27AE60 100%);
  --hover-color: #1E8449;
  --background-color: #FDFDFD;
  --text-color: #333333;
  
  --border-color: rgba(39, 174, 96, 0.25);
  --divider-color: rgba(95, 111, 82, 0.2);
  --shadow-color: rgba(39, 174, 96, 0.1);
  --highlight-color: #F1C40F;
  
  --main-font: 'Playfair Display', serif;
  --alt-font: 'Lato', sans-serif;
}

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

/* Soft Neuromorphism */
.glass-panel {
    background: rgba(255, 255, 255, 0.9);
    border: 1px solid var(--border-color);
    box-shadow: 0 10px 30px var(--shadow-color);
    border-radius: 8px;
}

.btn-natural {
    background-color: var(--primary-color);
    color: white;
    padding: 12px 30px;
    border-radius: 4px;
    letter-spacing: 1px;
    transition: background 0.3s;
    font-family: var(--alt-font);
    font-weight: 700;
}
.btn-natural:hover { background-color: var(--hover-color); }

#menu-toggle:checked ~ nav { display: block; }