:root {
  /* Brand Colors */
  --primary-orange: #EE7E22;
  --primary-green: #86A43D;

  /* Gradients */
  --orange-green-gradient: linear-gradient(90deg, #EF7F1A 0%, #86A43D 100%);
  --green-orange-gradient: linear-gradient(90deg, #86A43D 0%, #EF7F1A 100%);

  /* Text Colors */
  --text-dark: #212529;
  --text-gray: #6b7280;
  --text-light: #ffffff;

  /* Backgrounds */
  --bg-light: #fffaf4;
  --bg-section: rgba(238, 126, 34, 5%);
  --bg-card: #ffffff;

  /* Borders & Shadow */
  --border-light: #e5e7eb;
  --box-shadow: 0px 1px 14px rgba(0, 0, 0, 0.25);

  /* font size */

  --font-16 : 16px;
  --font-12 : 12px;
  --font-14 : 14px;
  --font-20 : 20px;
}