/* ============================================================================
   TASKEEN LIGHT THEME
   Brand: Taskeen (Default)
   Mode: Light
   ============================================================================ */
:root {
   /* ==========================================================================
     PRIMARY COLORS
  ========================================================================== */
   --Main-Colors-Main: #2B5631;
   --Main-Colors-Main-rgb: 43, 86, 49;
   --Main-Colors-Secondry: #B4975A;
   --Main-Colors-Secondry-rgb: 180, 151, 90;

   /* ==========================================================================
     NEUTRAL & BACKGROUNDS
  ========================================================================== */
   --Main-Colors-White: #F9FAFA;
   --Main-Colors-White-rgb: 249, 250, 250;
   --main-colors-white-white: #FFFFFF;
   --Main-Colors-Light-Gray: #DFE2E2;

   --Gray-Gray-Tint-5: #F2F3F3;
   --Gray-Gray-Tint-10: #E7EEF1;
   --Gray-Gray-Tint-20: #CDD6DB;
   --Gray-Gray-Tint-60: #6F7A80;
   --Gray-Gray-Tint-70: #596469;
   --Gray-50: #F9FAFB;
   --Gray-300: #D0D5DD;
   --light-gray: #EFEFEF;

   --color-background: #FCFCFC;
   --color-layout: #F6F6F6;
   --body-background: #F6F6F6;
   --Other-BG: #FFF;

   /* ==========================================================================
     TEXT COLORS
  ========================================================================== */
   --Text-Colors-Black: #101911;
   --Text-Colors-Dark-Gray: #3A403B;
   --Text-Colors-md-Gray: #858E86;
   --Text-Colors-White: #F9FAF9;
   /* Note: In light theme this is white text */
   --Text-Gray: #8A8A8A;
   --Text-Dark-Gray: #5D5C5C;
   --Text-Black: #12100B;
   --color-text: #232323;
   --color-sec-text: #7C5C3C;

   /* ==========================================================================
     BORDERS
  ========================================================================== */
   --color-border: #DFE2E2;
   --Other-Divider: rgba(223, 226, 226, 0.5);

   /* ==========================================================================
     STATUS COLORS
  ========================================================================== */
   --Other-Red: #E93F3F;
   --Other-Red-Alt: #AD143A;
   --Other-Red-Tint: rgba(173, 20, 58, 0.1);
   --Colors-Red: #FF3B30;

   --success-green: #5F9163;
   --success-green-alt: #52B957;

   --warning-gold: #EECD87;

   --info-gray: #AAB0A9;

   /* ==========================================================================
     TINTS & SHADES
  ========================================================================== */
   --Other-Primary-Tint: rgba(43, 86, 49, 0.1);
   --primary-tint-shades-primary-tint-5: #F9FFF9;
   --primary-tint-shades-primary-shade-60: #6DAD76;
   --primary-shade-60: #6DAD76;
   --primary-tint-shades-primary-shade-80: #3E7346;

   --color-button-light: #EAE6E2;

   /* ==========================================================================
     SHADOWS
  ========================================================================== */
   --shadow-card: 0px 4px 12px rgba(0, 0, 0, 0.05);
   --shadow-dropdown: 0px 8px 24px rgba(0, 0, 0, 0.08);
   --shadow-selected: 0px 0px 20px rgba(43, 86, 49, 0.1);
   --shadow-map: 0px 4px 20px rgba(0, 0, 0, 0.06);
   --shadow-tent-info: 0px 8px 32px rgba(0, 0, 0, 0.1);
   --shadow-action-menu: 0px 4px 16px rgba(0, 0, 0, 0.08);
}