*, *::before, *::after { box-sizing: border-box; margin: 0; padding: 0; }

:root {
  /* HSL Tailored Brand Palette */
  --brand-h: 142;
  --brand-s: 64%;
  --brand-l: 15%; /* #0D3B1E */
  
  --brand: hsl(var(--brand-h), var(--brand-s), var(--brand-l));
  --brand-light: hsl(var(--brand-h), 40%, 94%);
  --brand-mid: hsl(var(--brand-h), var(--brand-s), 35%);
  --brand-gradient: linear-gradient(135deg, hsl(142, 64%, 18%), hsl(145, 55%, 28%));
  
  --text-primary: #121412;
  --text-secondary: #3b423c;
  --text-muted: #6e786f;
  
  /* Glassmorphism Surface Tokens */
  --surface-0: rgba(13, 59, 30, 0.04);
  --surface-1: rgba(245, 248, 246, 0.65);
  --surface-2: rgba(255, 255, 255, 0.75);
  
  /* Shadows & Borders */
  --border: rgba(13, 59, 30, 0.08);
  --border-strong: rgba(13, 59, 30, 0.15);
  --border-glow: rgba(255, 255, 255, 0.4);
  
  --shadow-sm: 0 2px 8px rgba(13, 59, 30, 0.04);
  --shadow-md: 0 8px 24px rgba(13, 59, 30, 0.08);
  --shadow-lg: 0 16px 40px rgba(13, 59, 30, 0.12);
  
  --radius-sm: 6px;
  --radius: 12px;
  --radius-lg: 18px;
}

body {
  font-family: 'Inter', system-ui, -apple-system, sans-serif;
  color: var(--text-primary);
  background: linear-gradient(180deg, rgba(255, 255, 255, 0.82) 0%, rgba(253, 254, 253, 0.9) 100%), 
              url('/img/fundo-arvores.jpg') no-repeat center center / cover fixed;
  line-height: 1.6;
  -webkit-font-smoothing: antialiased;
}

a { text-decoration: none; color: inherit; }
button { font-family: inherit; cursor: pointer; }