:root {
  --color-emerald-0: #000a09;
  --color-emerald-1: #001411;
  --color-emerald-2: #001f1a;
  --color-emerald-3: #002922;
  --color-emerald-4: #00332b;
  --color-emerald-5: #003d33;
  --color-emerald-6: #00473c;
  --color-emerald-7: #005244;
  --color-emerald-8: #005c4d;
  --color-emerald-9: #006655;
  --color-emerald-10: #00705e;
  --color-emerald-13: #008f77;
  --color-emerald-17: #00b87a;
  --color-emerald-21: #00e0a8;
  --color-emerald-23: #00f5b8;
  --color-white-98: #fafafa;

  /* Text Colors */
  --text-on-light-gold: #080604;
  --text-muted: #869e9a;
  --text-default: #dae5e4;
  --text-bright: #e9f5f3;
  --text-gold: #f2d479;

  /* Icon Colors */
  --icon-on-light-gold: #080604;
  --icon-muted: #698c86;
  --icon-default: #bfd9d4;
  --icon-bright: #e9f5f3;
  --icon-gold: #ffd679;

  /* Gradient Backgrounds */
  --gradient-button-primary: linear-gradient(0deg, #a66300 0%, #ffeec0 100%);
  --button-button-secondary: linear-gradient(180deg, #007a66 0%, #001f1a 100%);

  --gradients: linear-gradient(180deg, #00332a 0%, #001a16 100%);

  --backgrounds: #002922;
  --backgrounds-2: #06241e;

  /* Helper */
  --helper-error: #ff4050;

  /* Stroke Gradients (for borders or outlines) */
  --stroke-button-secondary-1: linear-gradient(
    180deg,
    #007a66 0%,
    #00a388 100%
  );
  --stroke-button-secondary-2: linear-gradient(
    180deg,
    #005244 0%,
    #006655 100%
  );
  --stroke-button-secondary-3: linear-gradient(
    180deg,
    #00332b 0%,
    #004735 100%
  );
}