/* =========================================
   GLOBAL VARIABLES (global.css)
========================================= */
:root {
  /* Logo Colors */
  --ee-primary: #0B3DB8;
  /* Main Gold */
  --ee-secondary: #619819;
  /* Main Green */
  --ee-gold-dark: #E5A11E;
  /* Dark Gold */
  --ee-gold-light: #F6BB2B;
  /* Light Gold */
  --ee-green-light: #98C729;
  /* Light Green */
  --ee-black: #000000;
  --ee-white: #ffffff;

  --ee-font-heading: 'Manrope', sans-serif;
  --ee-font-body: 'Inter', sans-serif;
  --ee-font-sub: 'Montez', cursive;

  --ee-shadow-soft: 0 10px 30px rgba(0, 0, 0, 0.08);
  --ee-shadow-hover: 0 20px 40px rgba(238, 173, 36, 0.15);
  --ee-transition: all 0.4s cubic-bezier(0.16, 1, 0.3, 1);
}

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

body {
  font-family: var(--ee-font-body);
  color: var(--ee-text-dark);
  background-color: var(--ee-bg-light);
  overflow-x: hidden;
}