/* ================================
    Theme Colors
   ================================ */
:root {
  /* Theme Colors */
  --color-primary: #0B6B49;    /* Green */
  --color-secondary: #d69e59;  /* Gray */
  --color-accent: #04973a;     /* Purple */
  --color-danger: #b84141;     /* Red */
  --color-success: #0a9152;    /* Green */
  --color-dark: #090C13;       /* Dark Gray/Black */
  --color-light: #ffffff;      /* Light Gray/White */
  --color-body: #f9fdfd;      /* White */

  /* Gray Colors */
  --color-gray-50: #f9fafb;
  --color-gray-100: #f3f4f6;
  --color-gray-600: #4b5563;
  --color-gray-700: #374151;
  --color-gray-800: #1f2937;

    /* Hover Colors */
  --hover-primary: #00853c;
  --hover-secondary: #d0a36c;
  --hover-accent: #00b241;
  --hover-danger: #d25151;
  --hover-success: #19965c;
  --hover-dark: #1c2334;
  --hover-light: #e2e6ea;

  /* Text Colors */
  --text-primary: #282828;
  
/* ================================
    Font Families
   ================================ */

  /* Font Families */
  --font-primary: 'Poppins', 'Inter', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif;
  --font-secondary: 'Inter', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif;
  --font-heading: 'Poppins', 'Inter', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif;
  --font-body: 'Inter', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif;
  --font-mono: 'Fira Code', 'JetBrains Mono', 'Source Code Pro', Menlo, Monaco, Consolas, monospace;
  --font-serif: 'Playfair Display', Georgia, 'Times New Roman', serif;

/* ================================
    Text Sizes
   ================================ */

   /* Font Sizes (professional scale) */
  --text-xs: 0.75rem;   /* 12px */
  --text-sm: 0.875rem;  /* 14px */
  --text-base: 1rem;    /* 16px */
  --text-lg: 1.125rem;  /* 18px */
  --text-xl: 1.25rem;   /* 20px */
  --text-2xl: 1.5rem;   /* 24px */
  --text-3xl: 1.875rem; /* 30px */
  --text-4xl: 2.25rem;  /* 36px */
  --text-5xl: 3rem;     /* 48px */
  --text-6xl: 3.75rem;  /* 60px */
  --text-7xl: 4.5rem;   /* 72px */
  --text-8xl: 6rem;     /* 96px */
  --text-9xl: 8rem;     /* 128px */

/* ================================
    Font Weights
   ================================ */

  /* Font Weights */
  --font-thin: 100;
  --font-extralight: 200;
  --font-light: 300;
  --font-normal: 400;
  --font-medium: 500;
  --font-semibold: 600;
  --font-bold: 700;
  --font-extrabold: 800;
  --font-black: 900;

/* ================================
    Line Heights
   ================================ */

  /* Line Heights */
  --leading-none: 1;
  --leading-tight: 1.1;    /* was 1.25 */
  --leading-snug: 1.25;    /* was 1.375 */
  --leading-normal: 1.3;   /* was 1.5 */
  --leading-relaxed: 1.4;  /* was 1.625 */
  --leading-loose: 1.7;    /* was 2 */

/* ================================
    Letter Spacing
   ================================ */

  /* Letter Spacing */
  --tracking-tighter: -0.05em;
  --tracking-tight: -0.025em;
  --tracking-normal: 0em;
  --tracking-wide: 0.025em;
  --tracking-wider: 0.05em;
  --tracking-widest: 0.1em;
}

/* ================================
    Heading Styles
   ================================ */

h1 {
  font-family: var(--font-heading);
  font-size: var(--text-5xl);   /* 48px */
  font-weight: var(--font-bold);
  line-height: var(--leading-tight);
  letter-spacing: var(--tracking-tight);
  margin-bottom: 0.5em;
}

h2 {
  font-family: var(--font-heading);
  font-size: var(--text-4xl);   /* 36px */
  font-weight: var(--font-bold);  /* changed from var(--font-semibold) */
  line-height: var(--leading-snug);
  letter-spacing: var(--tracking-tight);
  margin-bottom: 0.5em;
}

h3 {
  font-family: var(--font-heading);
  font-size: var(--text-3xl);   /* 30px */
  font-weight: var(--font-bold);  /* changed from var(--font-semibold) */
  line-height: var(--leading-snug);
  letter-spacing: var(--tracking-normal);
  margin-bottom: 0.5em;
}

h4 {
  font-family: var(--font-heading);
  font-size: var(--text-2xl);   /* 24px */
  font-weight: var(--font-bold);  /* changed from var(--font-medium) */
  line-height: var(--leading-normal);
  letter-spacing: var(--tracking-normal);
  margin-bottom: 0.5em;
}

h5 {
  font-family: var(--font-heading);
  font-size: var(--text-xl);    /* 20px */
  font-weight: var(--font-bold);  /* changed from var(--font-medium) */
  line-height: var(--leading-normal);
  letter-spacing: var(--tracking-normal);
  margin-bottom: 0.5em;
}

h6 {
  font-family: var(--font-heading);
  font-size: var(--text-lg);    /* 18px */
  font-weight: var(--font-bold);  /* changed from var(--font-medium) */
  line-height: var(--leading-normal);
  letter-spacing: var(--tracking-normal);
  margin-bottom: 0.5em;
}

/* ================================
    Font Imports
   ================================ */

/* Google Fonts: Poppins, Inter, Fira Code, Playfair Display */
@import url('https://fonts.googleapis.com/css2?family=Poppins:wght@100;200;300;400;500;600;700;800;900&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Inter:wght@100;200;300;400;500;600;700;800;900&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Fira+Code:wght@300;400;500;600;700&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Playfair+Display:wght@400;500;600;700;800;900&display=swap');

body {
  font-family: var(--font-body);
  color: var(--text-primary);
  background-color: var(--color-body);
  font-size: var(--text-base);
  font-weight: var(--font-normal);
  line-height: var(--leading-normal);
  letter-spacing: var(--tracking-normal);
  margin: 0;
  padding: 0;
}