/*
Theme Name: 6Summits Foundation
Theme URI: https://foundation.the6summits.com
Author: 6Summits
Description: Custom WordPress theme for the 6Summits Rwenzori Community Foundation.
Version: 1.0
Text Domain: 6summits
*/

:root {
  --color-brand-green-50: #f0fdf4;
  --color-brand-green-100: #dcfce7;
  --color-brand-green-200: #bbf7d0;
  --color-brand-green-300: #86efac;
  --color-brand-green-400: #4ade80;
  --color-brand-green-500: #22c55e;
  --color-brand-green-600: #16a34a;
  --color-brand-green-700: #15803d;
  --color-brand-green-800: #166534;
  --color-brand-green-900: #14532d;
  --color-brand-green-950: #052e16;

  --color-brand-earth-50: #fffbeb;
  --color-brand-earth-100: #fef3c7;
  --color-brand-earth-200: #fde68a;
  --color-brand-earth-300: #fcd34d;
  --color-brand-earth-400: #fbbf24;
  --color-brand-earth-500: #f59e0b;
  --color-brand-earth-600: #d97706;
  --color-brand-earth-700: #b45309;
  --color-brand-earth-800: #92400e;
  --color-brand-earth-900: #78350f;
}

body {
  background-color: #fafaf9;
  color: #1c1917;
  -webkit-font-smoothing: antialiased;
  overflow-x: hidden;
  max-width: 100vw;
}

html {
  scroll-behavior: smooth;
  overflow-x: hidden;
  max-width: 100vw;
}

/* Base styles to work with Tailwind CDN */
@layer base {
  h1, h2, h3, h4, h5, h6 {
    font-family: 'Lora', serif;
  }
}