:root {
  --primary: #2F9997;
  --primary-lighten: #6DB8B6;
  --primary-lighten-1: rgba(47,153,151,0.1);
  --primary-lighten-2: rgba(47,153,151,0.2);
  --primary-lighten-3: rgba(47,153,151,0.3);
  --primary-darken: #126B69;

  --secondary:#021838;
  --secondary-lighten: #4E5D74;
  --secondary-lighten-1: rgba(2,24,56,0.1);
  --secondary-lighten-2: rgba(2,24,56,0.2);
  --secondary-lighten-3: rgba(2,24,56,0.3);
  --secondary-darken: #010817;


  --ternary: #ad1457 ;
  --ternary-1: rgba(173, 20, 87, 0.1);
  --ternary-2: rgba(173, 20, 87, 0.2);
  --ternary-darken: #5b092d ;

  --light-color: #f5f5f5;
  --urbs-color: #00A89E;

}

::selection {
  background: #2F9997;
  color: #fff;
}


.onb-theme {
  --primary:#006064;
  --primary-lighten: #00bcd4;
  --primary-lighten-1: rgba(0,96,100,0.1);
  --primary-lighten-2: rgba(0,96,100,0.2);
  --primary-lighten-3: rgba(0,96,100,0.3);
  --primary-darken: #00363a;

  --secondary: #ad1457;
  --secondary-lighten: #e91e63;
  --secondary-darken: #78002e;
  --secondary-lighten-1: rgba(233, 30, 99,0.1);
  --secondary-lighten-2: rgba(233, 30, 99,0.2);
  --secondary-lighten-3: rgba(233, 30, 99,0.3);

  --ternary: #fbc02d;
  --ternary-darken: #bf9b30;
}

.onb-theme ::selection {
  background: #006064;
  color: #fff;
}



.imope-theme {
  --primary:#004364;
  --primary-lighten: #0086d4;
  --primary-lighten-1: rgba(0, 63, 100, 0.1);
  --primary-lighten-2: rgba(0, 63, 100,0.2);
  --primary-lighten-3: rgba(0, 63, 100,0.3);
  --primary-darken: #001b3a;

  --secondary: #ad1914;
  --secondary-lighten: #e9401e;
  --secondary-darken: #781000;
  --secondary-lighten-1: rgba(233, 47, 30, 0.1);
  --secondary-lighten-2: rgba(233, 47, 30,0.2);
  --secondary-lighten-3: rgba(233, 47, 30,0.3);

  --ternary: #fbc02d;
  --ternary-darken: #bf9b30;

  --bg-gradient: linear-gradient(180deg, #ecf0f1 0%, #f3f7f7 10%, #fff 20%);
}

.imope-theme ::selection {
  background: #004d64;
  color: #fff;
}

/* :root {
    --primary:#00796b;
    --primary-lighten: #4db6ac;
    --primary-lighten-1: rgba(0,121,107,0.1);
    --primary-lighten-2: rgba(0,121,107,0.2);
    --primary-lighten-3: rgba(0,121,107,0.3);
    --primary-darken: #004c40;

    --secondary: #0288d1;
    --secondary-lighten: #03a9f4;
    --secondary-darken: #005b9f;

    --ternary: #e64a19;
  }

::selection {
    background: #00796b;
    color: #fff;
} */