/* ============================================================
   THEME.CSS - Shreya Environmental Consultancy Services
   Colors | Fonts Only
   ============================================================ */

:root {
  /* ===== BRAND COLORS ===== */
  --primary: #009adc;
  --primary-dark: #007ab3;
  --primary-light: #e6f4fa;
  --secondary: #2e8b57;
  --secondary-dark: #1e6b3e;
  --secondary-light: #e8f5ee;
  --white: #ffffff;
  --black: #000000;

  /* ===== TEXT COLORS ===== */
  --heading: #1e293b;
  --text: #475569;
  --text-light: #94a3b8;
  --text-white: #ffffff;

  /* ===== BACKGROUNDS ===== */
  --bg-body: #f8fafc;
  --bg-white: #ffffff;
  --bg-light: #f1f5f9;

  /* ===== BORDER ===== */
  --border: #e2e8f0;
  --border-light: #f1f5f9;

  /* ===== FONT FAMILIES ===== */
  --font-heading: "Manrope", sans-serif;
  --font-body: "Inter", sans-serif;
}

/* ============================================================
   GLOBAL BASE
   ============================================================ */

body {
  font-family: var(--font-body);
  color: var(--text);
  background: var(--bg-body);
}

h1, h2, h3, h4, h5, h6 {
  font-family: var(--font-heading);
  color: var(--heading);
}

a {
  color: var(--primary);
  text-decoration: none;
  transition: color 0.2s ease;
}

a:hover {
  color: var(--primary-dark);
}

/* ============================================================
   UTILITY CLASSES - Colors
   ============================================================ */

/* Text Colors */
.text-primary { color: var(--primary); }
.text-secondary { color: var(--secondary); }
.text-heading { color: var(--heading); }
.text-body { color: var(--text); }
.text-white { color: var(--text-white); }
.text-light { color: var(--text-light); }

/* Background Colors */
.bg-primary { background: var(--primary); }
.bg-secondary { background: var(--secondary); }
.bg-white { background: var(--bg-white); }
.bg-light { background: var(--bg-light); }
.bg-body { background: var(--bg-body); }

/* Border Colors */
.border-primary { border-color: var(--primary); }
.border-secondary { border-color: var(--secondary); }
.border-border { border-color: var(--border); }

/* ============================================================
   UTILITY CLASSES - Fonts
   ============================================================ */

.font-heading { font-family: var(--font-heading); }
.font-body { font-family: var(--font-body); }